/* StratLab design tokens — single source of truth.
  stratlab.legacy preserves source order while remaining styles migrate into
  the semantic layers above it. */
@layer stratlab.tokens, stratlab.base, stratlab.components, stratlab.utilities, stratlab.page, stratlab.legacy;

@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. */