/* ==========================================================================
   CSS TOKENS — LUCAS VANCE PERFORMANCE COACH
   DNA Visual: Dark Tech & Athletic Kinetic (Carbon & Volt Lime)
   ========================================================================== */

:root {
  /* Cores de Superfície & Fundo */
  --bg-primary: #0A0B0D;
  --bg-surface: #12141A;
  --bg-surface-elevated: #181B22;
  --bg-surface-hover: #20242E;
  --bg-scrim: rgba(10, 11, 13, 0.85);

  /* Bordas Estruturais */
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-medium: rgba(255, 255, 255, 0.16);
  --border-focus: #CCFF00;
  --border-accent: rgba(204, 255, 0, 0.35);

  /* Acentos Cinéticos de Alta Performance */
  --accent-volt: #CCFF00;
  --accent-volt-hover: #B8E600;
  --accent-volt-glow: rgba(204, 255, 0, 0.18);
  --accent-orange: #FF4D00;
  --accent-orange-glow: rgba(255, 77, 0, 0.2);
  --status-alive: #00E676;
  --status-alive-glow: rgba(0, 230, 118, 0.35);

  /* Tipografia & Cores de Texto */
  --text-primary: #F4F5F7;
  --text-secondary: #9DA3B4;
  --text-muted: #666E7F;
  --text-inverse: #0A0B0D;

  /* Famílias Tipográficas */
  --font-display: 'Syne', system-ui, -apple-system, sans-serif;
  --font-body: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --font-mono: 'Space Mono', monospace;

  /* Escala de Espaçamento */
  --space-2xs: 0.25rem;  /* 4px */
  --space-xs:  0.5rem;   /* 8px */
  --space-sm:  0.75rem;  /* 12px */
  --space-md:  1rem;     /* 16px */
  --space-lg:  1.5rem;   /* 24px */
  --space-xl:  2rem;     /* 32px */
  --space-2xl: 3rem;     /* 48px */
  --space-3xl: 4.5rem;   /* 72px */
  --space-4xl: 6rem;     /* 96px */

  /* Geometria & Raios */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 9999px;

  /* Física de Motion & Inércia */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 180ms;
  --dur-base: 420ms;
  --dur-slow: 900ms;

  /* Layout & Containers */
  --container-max: 1320px;
  --header-height: 72px;
}