/* ============================================================
   TOKENS — EVA-01 Neon Monolith Design System
   v2 — Contraste aprimorado
   ============================================================ */

:root {

  /* === COLORS === */

  /* Surface Hierarchy — contraste aumentado */
  --surface-void:         #0e0c1e;   /* Foundational deep shadow */
  --surface-base:         #161328;   /* Page background */
  --surface-low:          #221e35;   /* Secondary panels, sidebars */
  --surface-mid:          #2e2942;   /* Card backgrounds — mais contraste */
  --surface-high:         #3a344f;   /* Active cards, lifted containers */
  --surface-highest:      #47405e;   /* Modal overlays, floating menus */

  /* Brand Colors */
  --color-primary:        #5d407f;   /* Royal Purple Deep */
  --color-primary-container: #765899; /* Ultraviolet Plum */

  /* Neon Accent — the "laser" color */
  --color-secondary:      #41bb42;   /* Neon Bio-Green */
  --color-secondary-dim:  #66df61;   /* Electric Lime — hover states */
  --color-on-secondary:   #003a06;   /* Dark text on green */

  /* Tertiary */
  --color-tertiary:       #e6770b;   /* Ember Orange */

  /* Text */
  --color-on-surface:     #f0ddff;   /* Ghost White — primary text */
  --color-on-surface-dim: #c4a8e8;   /* Soft Lavender dim — mais legível */
  --color-on-surface-muted: #7c7580; /* Muted Violet Grey */

  /* State */
  --color-success:        #41bb42;
  --color-error:          #ba1a1a;

  /* === TYPOGRAPHY === */
  --font-headline: 'Space Grotesk', sans-serif;
  --font-body:     'Manrope', sans-serif;

  /* Scale */
  --text-display:  clamp(2.5rem, 5vw, 3.5rem);
  --text-h1:       clamp(2rem, 4vw, 2.5rem);
  --text-h2:       clamp(1.5rem, 3vw, 1.875rem);
  --text-h3:       clamp(1.125rem, 2vw, 1.25rem);
  --text-body-lg:  1rem;
  --text-body:     0.9375rem;
  --text-body-sm:  0.875rem;
  --text-label:    0.75rem;
  --text-label-sm: 0.6875rem;

  /* Letter spacing */
  --tracking-tight:  -0.02em;
  --tracking-normal:  0;
  --tracking-wide:    0.08em;
  --tracking-widest:  0.15em;

  /* Line heights */
  --leading-tight:   1.2;
  --leading-snug:    1.4;
  --leading-normal:  1.6;
  --leading-loose:   1.8;

  /* === SPACING === */
  --space-1:   0.25rem;
  --space-2:   0.5rem;
  --space-3:   0.75rem;
  --space-4:   1rem;
  --space-6:   1.5rem;
  --space-8:   2rem;
  --space-10:  2.5rem;
  --space-12:  3rem;
  --space-16:  4rem;
  --space-20:  5rem;
  --space-24:  6rem;
  --space-32:  8rem;

  /* === BORDER RADIUS === */
  --radius-sm:   2px;
  --radius-md:   6px;   /* Ligeiramente mais arredondado para legibilidade */
  --radius-lg:   10px;
  --radius-xl:   14px;
  --radius-full: 9999px;

  /* === SHADOWS === */
  --shadow-sm:      0 4px 12px rgba(14, 12, 30, 0.4);
  --shadow-md:      0 8px 24px rgba(14, 12, 30, 0.5);
  --shadow-lg:      0 20px 40px rgba(14, 12, 30, 0.6);
  --shadow-ambient: 0 16px 32px rgba(14, 12, 30, 0.5);

  /* Neon glow */
  --glow-green:    drop-shadow(0 0 10px rgba(65, 187, 66, 0.4));
  --glow-green-lg: 0 0 24px rgba(65, 187, 66, 0.3);
  --glow-purple:   drop-shadow(0 0 8px rgba(118, 88, 153, 0.4));

  /* === TRANSITIONS === */
  --transition-fast:   150ms ease;
  --transition-normal: 250ms ease;
  --transition-slow:   400ms ease;

  /* === LAYOUT === */
  --container-max:  1280px;
  --container-wide: 1440px;
  --nav-height:     72px;
}