/* ==========================================================================
   NOORAD DIGITAL — DESIGN SYSTEM TOKENS
   Strict Palette: #0A0A0A (Near Black), #C6FF00 (Electric Lime), #FFFFFF (White)
   ========================================================================== */

:root {
  /* Strict Brand Colors */
  --color-black: #0A0A0A;
  --color-lime: #C6FF00;
  --color-white: #FFFFFF;

  /* Controlled Alpha Variants (Strictly derived from the 3 brand colors) */
  --color-black-surface: #121212;
  --color-black-elevated: #181818;
  --color-black-border: #262626;
  --color-black-glass: rgba(10, 10, 10, 0.88);
  
  --color-white-muted: rgba(255, 255, 255, 0.65);
  --color-white-subtle: rgba(255, 255, 255, 0.35);
  --color-white-hairline: rgba(255, 255, 255, 0.12);
  
  --color-lime-glow: rgba(198, 255, 0, 0.15);
  --color-lime-border: rgba(198, 255, 0, 0.35);
  --color-lime-subtle: rgba(198, 255, 0, 0.08);

  /* Typography Scales */
  --font-display: 'Syne', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'Space Mono', 'SF Mono', Consolas, monospace;

  /* Font Sizes */
  --text-xs: clamp(0.7rem, 0.8vw, 0.8rem);
  --text-sm: clamp(0.85rem, 0.95vw, 0.95rem);
  --text-base: clamp(1rem, 1.1vw, 1.125rem);
  --text-lg: clamp(1.15rem, 1.35vw, 1.35rem);
  --text-xl: clamp(1.4rem, 1.8vw, 1.85rem);
  --text-2xl: clamp(1.8rem, 2.5vw, 2.5rem);
  --text-3xl: clamp(2.4rem, 4vw, 3.8rem);
  --text-4xl: clamp(3.2rem, 6vw, 5.5rem);
  --text-hero: clamp(3.5rem, 9.5vw, 9.5rem);

  /* Spacing */
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;
  --space-3xl: 9rem;

  /* Layout */
  --container-max: 1440px;
  --header-height: 84px;

  /* Transitions & Animation Easing */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  
  /* Borders */
  --border-hairline: 1px solid var(--color-black-border);
  --border-white-hairline: 1px solid var(--color-white-hairline);
  --border-lime: 1px solid var(--color-lime);
}