/* === Local Fonts === */
@font-face {
  font-family: 'Inter';
  src: url('../assets/fonts/Inter-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('../assets/fonts/Inter-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('../assets/fonts/Inter-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('../assets/fonts/Inter-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('../assets/fonts/Inter-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Tusker Grotesk';
  src: url('../assets/fonts/TuskerGrotesk-6500Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
}

:root {
  /* Colors - Dark scheme */
  --color-bg: #000000;
  --color-bg-card: rgb(6, 7, 10);
  --color-bg-elevated: rgb(10, 12, 18);
  --color-text-primary: #ffffff;
  --color-text-secondary: rgb(155, 169, 196);
  --color-text-muted: rgb(132, 145, 171);
  --color-accent-blue: #0175FF;
  --color-accent-amber: #F58634;
  --color-accent-label: #FFAC0A;
  --color-border-card: rgba(125, 164, 255, 0.16);
  --color-border-light: rgba(255, 255, 255, 0.1);
  --color-border-medium: rgba(255, 255, 255, 0.4);
  --color-glow-blue: rgba(1, 117, 255, 0.3);
  --color-glow-amber: rgba(245, 134, 52, 0.15);

  /* Typography */
  --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-display: 'Inter', sans-serif;
  --font-brand: 'Tusker Grotesk', sans-serif;
  --fs-hero-desktop: 76px;
  --fs-hero-tablet: 48px;
  --fs-hero-mobile: 30px;
  --fs-h2: 40px;
  --fs-h3: 24px;
  --fs-body: 18px;
  --fs-small: 15px;
  --fs-tiny: 13px;
  --lh-hero: 1.1;
  --ls-hero: -0.03em;
  --fw-normal: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* Spacing */
  --container-max: 1200px;
  --container-padding: 40px;
  --section-gap: 96px;
  --card-gap: 24px;

  /* Radius */
  --radius-card: 24px;
  --radius-button: 16px;
  --radius-pill: 999px;
  --radius-small: 4px;

  /* Animation */
  --transition-default: 0.3s ease;
  --transition-slow: 0.6s ease;
  --stagger-delay: 0.1s;
  --ease-spring: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);

  /* Layout */
  --nav-height: 48px;
}