/* StratLab design tokens — single source of truth.
   Layer order is declared once. Unlayered styles (terminal.css, page <style>)
   still win during the migration, so existing screens do not jump. */
@layer stratlab.tokens, stratlab.base, vendor.bootstrap, stratlab.components, stratlab.utilities, stratlab.page;

@layer stratlab.tokens {
  :root {
    /* Primitive */
    --gray-000: #080b0f;
    --gray-050: #0d1117;
    --gray-100: #11161d;
    --gray-150: #151b23;
    --gray-200: #1b232d;
    --gray-300: #222b36;
    --gray-400: #30363d;
    --gray-500: #4a5a6c;
    --gray-600: #8b949e;
    --gray-700: #c9d1d9;
    --gray-800: #e6edf3;
    --gray-900: #eef4fb;

    --cyan-400: #61e6ff;
    --cyan-500: #00d4ff;
    --cyan-900: #061015;
    --blue-400: #58a6ff;
    --blue-500: #1f6feb;

    --green-500: #3fb950;
    --amber-500: #d29922;
    --orange-500: #f0883e;
    --red-500: #f85149;
    --violet-500: #bf91f0;
    --gold-300: #ffd75e;
    --gold-400: #e3b341;
    --gold-500: #f2cc60;

    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;

    --radius-1: 4px;
    --radius-2: 6px;
    --radius-3: 8px;
    --radius-4: 12px;
    --radius-full: 999px;

    --dur-1: 120ms;
    --dur-2: 160ms;
    --dur-3: 240ms;
    --ease-out: cubic-bezier(.22, .61, .36, 1);
    --ease-spring: cubic-bezier(.34, 1.56, .64, 1);

    --font-2xs: 11px;
    --font-xs: 12px;
    --font-sm: 13px;
    --font-md: 15px;
    --font-lg: 18px;
    --font-xl: 24px;
    --font-2xl: 32px;

    /* Semantic */
    --color-bg: var(--gray-000);
    --color-surface: var(--gray-100);
    --color-surface-raised: var(--gray-200);
    --color-border: var(--gray-400);
    --color-border-strong: var(--gray-500);

    --color-text: var(--gray-700);
    --color-text-strong: var(--gray-900);
    --color-text-muted: var(--gray-600);

    --color-accent: var(--cyan-500);
    --color-accent-hover: var(--cyan-400);
    --color-on-accent: var(--cyan-900);
    --color-success: var(--green-500);
    --color-warning: var(--amber-500);
    --color-danger: var(--red-500);

    --focus-ring: 0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-accent);
    --shadow-1: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-2: 0 12px 32px rgba(0, 0, 0, .24);

    --gap-inline: var(--space-2);
    --gap-field: var(--space-3);
    --gap-card: var(--space-4);
    --gap-section: var(--space-5);
    --gap-page: var(--space-6);
  }
}
/* Legacy names (--accent, --text-main, --surface-1, …) stay on the unlayered
   :root in terminal.css. That file still wins the cascade, so removing the
   alias copies here does not change computed values. Do not layer terminal.css
   until those names are gone from templates and page CSS. */