:root {
  
  --color-scout-lime: #D7FF00;
  --color-tarmac: #0B0F14;
  --color-white: #FFFFFF;
  --color-utility-gray: #68747B;
  
  --mark-lime-1: #BCE600;
  --mark-lime-2: #C5EB00;
  --mark-lime-3: #CBEF00;
  --mark-lime-4: #D7FF00;
  --mark-dark-facet-1: #02090F;
  --mark-dark-facet-2: #14222C;
  --mark-dark-facet-3: #020A10;
  --mark-dark-facet-4: #202D36;
  --mark-dark-facet-5: #616E75;
  --mark-dark-facet-6: #657077;
  --mark-dark-facet-7: #5F6A70;
  --mark-dark-facet-8: #535D63;
  --mark-needle-base: #060D12;
  
  --color-scout-lime-dim: #B8DB03;    
  --color-scout-lime-bright: #DBFF1A; 
  
  --surface-0: #FFFFFF;
  --surface-1: #FAFAFA;
  --surface-2: #F6F7F7;
  --surface-3: #F0F1F1;
  --surface-4: #E7E7E8;
  
  --line-0: #EAECED;
  --line-1: #DBDEDF;
  --line-2: #C3C7CA;
  
  --ink-primary: var(--color-tarmac);
  --ink-secondary: #3C444B;
  --ink-muted: #5F6A71;              
  --ink-on-lime: var(--color-tarmac); 
  --ink-on-dark: var(--color-white);
  
  --color-success: #2E9E5B;
  --color-success-surface: #E9F7EE;
  --color-warning: #B8860B;
  --color-warning-surface: #FBF3DE;
  --color-danger: #C23B3B;
  --color-danger-surface: #FBEAEA;
  --color-info: var(--color-utility-gray);
  --color-info-surface: var(--surface-3);
  
  --bg-page: var(--surface-0);
  --bg-raised: var(--surface-1);
  --bg-sunken: var(--surface-3);
  --border-default: var(--line-1);
  --border-strong: var(--line-2);
  --border-hairline: var(--line-0);
  --focus-ring: var(--color-scout-lime);
  
  --font-sans: 'Sora', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, 'Liberation Mono', monospace;
  
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  
  --text-xs: 0.75rem;    
  --text-sm: 0.875rem;   
  --text-base: 1rem;     
  --text-md: 1.125rem;   
  --text-lg: 1.25rem;    
  --text-xl: 1.5rem;     
  --text-2xl: 1.875rem;  
  --text-3xl: 2.25rem;   
  --text-4xl: 3rem;      
  --text-5xl: 3.75rem;   
  
  --leading-tight: 1.1;
  --leading-snug: 1.3;
  --leading-normal: 1.5;
  --leading-relaxed: 1.7;
  
  --tracking-tight: -0.02em;
  --tracking-normal: 0;
  --tracking-wide: 0.02em;
  --tracking-wider: 0.08em;
  
  --space-0: 0;
  --space-1: 0.25rem;   
  --space-2: 0.5rem;    
  --space-3: 0.75rem;   
  --space-4: 1rem;      
  --space-5: 1.5rem;    
  --space-6: 2rem;      
  --space-7: 3rem;      
  --space-8: 4rem;      
  --space-9: 6rem;      
  
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 20px;
  --radius-full: 999px;
  
  --border-width-hairline: 1px;
  --border-width-thick: 2px;
  
  --shadow-sm: 0 1px 2px rgba(11, 15, 20, 0.06);
  --shadow-md: 0 4px 12px rgba(11, 15, 20, 0.08);
  --shadow-lg: 0 12px 32px rgba(11, 15, 20, 0.12);
  --shadow-lime-glow: 0 0 0 3px rgba(215, 255, 0, 0.35);
  
  --duration-fast: 120ms;
  --duration-base: 200ms;
  --duration-slow: 320ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-emphasized: cubic-bezier(0.3, 0, 0, 1.4);
  
  --container-max: 1200px;
  --header-height: 64px;
  --z-nav: 100;
  --z-overlay: 200;
  --z-modal: 300;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --surface-0: #0B0F14;
    --surface-1: #15191D;
    --surface-2: #1F2227;
    --surface-3: #2B2E33;
    --surface-4: #393D41;

    --line-0: #14191E;
    --line-1: #1C2127;
    --line-2: #272D33;

    --ink-primary: var(--color-white);
    --ink-secondary: #C7CBCE;
    --ink-muted: #7F898F;            
    --ink-on-dark: var(--color-white);

    --color-success-surface: #14261C;
    --color-warning-surface: #2B2410;
    --color-danger-surface: #2A1616;
    --color-info-surface: var(--surface-3);

    --bg-page: var(--surface-0);
    --bg-raised: var(--surface-1);
    --bg-sunken: var(--surface-2);
    --border-default: var(--line-1);
    --border-strong: var(--line-2);
    --border-hairline: var(--line-0);

    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.45);
    --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.55);
  }
}

:root[data-theme="dark"] {
  --surface-0: #0B0F14;
  --surface-1: #15191D;
  --surface-2: #1F2227;
  --surface-3: #2B2E33;
  --surface-4: #393D41;

  --line-0: #14191E;
  --line-1: #1C2127;
  --line-2: #272D33;

  --ink-primary: var(--color-white);
  --ink-secondary: #C7CBCE;
  --ink-muted: #7F898F;
  --ink-on-dark: var(--color-white);

  --color-success-surface: #14261C;
  --color-warning-surface: #2B2410;
  --color-danger-surface: #2A1616;
  --color-info-surface: var(--surface-3);

  --bg-page: var(--surface-0);
  --bg-raised: var(--surface-1);
  --bg-sunken: var(--surface-2);
  --border-default: var(--line-1);
  --border-strong: var(--line-2);
  --border-hairline: var(--line-0);

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.55);
}