/*
 * Console theme tokens (contract v1) — the single source of Console's palette.
 *
 * Served by Console at /console-shell/v1/tokens.css. Native Console imports
 * this file from src/styles/tailwind.css; mounted product zones link it (then
 * mounted.css). Nothing else may restate these values: consumers map their own
 * variable names onto --l1fe-console-*.
 *
 * Plain custom properties only — no selectors that style anything — so linking
 * it into a product document changes nothing until that product opts in.
 * Dark values apply under `.dark` on <html>, which theme.js owns.
 */
:root {
  --l1fe-console-radius: 0.625rem;

  /* Shell surfaces (what every Console route is painted with) */
  --l1fe-console-canvas: #ffffff;
  --l1fe-console-sidebar: #f8f8f8;
  --l1fe-console-hover: #eeeeee;
  --l1fe-console-ink: #202020;
  --l1fe-console-secondary: #6b6b6b;
  --l1fe-console-line: #eaeaea;
  --l1fe-console-card: #ffffff;

  /* Shell neutral ramp (theme independent; utilities pick the step per theme) */
  --l1fe-console-zinc-50: #fafafa;
  --l1fe-console-zinc-100: #f5f5f5;
  --l1fe-console-zinc-200: #e5e5e5;
  --l1fe-console-zinc-300: #d4d4d4;
  --l1fe-console-zinc-400: #969696;
  --l1fe-console-zinc-500: #6b6b6b;
  --l1fe-console-zinc-600: #555555;
  --l1fe-console-zinc-700: #414141;
  --l1fe-console-zinc-800: #2b2b2b;
  --l1fe-console-zinc-900: #202020;
  --l1fe-console-zinc-950: #171717;

  /* Brand accent steps used for focus and links */
  --l1fe-console-brand-500: oklch(0.62 0.182 256);
  --l1fe-console-brand-600: oklch(0.552 0.205 258);

  /* Component tokens (popover, command, badge, form controls) */
  --l1fe-console-background: oklch(0.985 0.0015 264);
  --l1fe-console-foreground: oklch(0.18 0.012 264);
  --l1fe-console-popover: oklch(1 0 0);
  --l1fe-console-popover-foreground: oklch(0.18 0.012 264);
  --l1fe-console-primary: oklch(0.2 0.012 264);
  --l1fe-console-primary-foreground: oklch(0.985 0.0015 264);
  --l1fe-console-secondary-surface: oklch(0.968 0.0025 264);
  --l1fe-console-secondary-foreground: oklch(0.2 0.012 264);
  --l1fe-console-muted: oklch(0.968 0.0025 264);
  --l1fe-console-muted-foreground: oklch(0.518 0.015 264);
  --l1fe-console-accent: oklch(0.962 0.01 256);
  --l1fe-console-accent-foreground: oklch(0.2 0.012 264);
  --l1fe-console-destructive: oklch(0.577 0.245 27.325);
  --l1fe-console-border: oklch(0.922 0.004 264);
  --l1fe-console-input: oklch(0.922 0.004 264);
  --l1fe-console-ring: var(--l1fe-console-brand-600);
  --l1fe-console-surface-card: oklch(1 0 0);
  --l1fe-console-surface-canvas: oklch(0.968 0.0025 264);

  /* Controls as Console's Catalyst components draw them */
  --l1fe-console-button: var(--l1fe-console-zinc-900);
  --l1fe-console-button-foreground: #ffffff;
  --l1fe-console-control: #ffffff;
  --l1fe-console-control-border: color-mix(in srgb, var(--l1fe-console-zinc-950) 10%, transparent);
  --l1fe-console-focus: var(--l1fe-console-brand-500);
}

.dark {
  --l1fe-console-canvas: #191919;
  --l1fe-console-sidebar: #151515;
  --l1fe-console-hover: #2b2b2b;
  --l1fe-console-ink: #eeeeee;
  --l1fe-console-secondary: #aaa;
  --l1fe-console-line: #303030;
  --l1fe-console-card: var(--l1fe-console-zinc-900);

  --l1fe-console-background: oklch(0.138 0.011 264);
  --l1fe-console-foreground: oklch(0.97 0.0015 264);
  --l1fe-console-popover: oklch(0.2 0.012 264);
  --l1fe-console-popover-foreground: oklch(0.97 0.0015 264);
  --l1fe-console-primary: oklch(0.97 0.0015 264);
  --l1fe-console-primary-foreground: oklch(0.2 0.012 264);
  --l1fe-console-secondary-surface: oklch(0.269 0.013 264);
  --l1fe-console-secondary-foreground: oklch(0.97 0.0015 264);
  --l1fe-console-muted: oklch(0.269 0.013 264);
  --l1fe-console-muted-foreground: oklch(0.715 0.012 264);
  --l1fe-console-accent: oklch(0.279 0.018 258);
  --l1fe-console-accent-foreground: oklch(0.97 0.0015 264);
  --l1fe-console-destructive: oklch(0.704 0.191 22.216);
  --l1fe-console-border: oklch(1 0 0 / 9%);
  --l1fe-console-input: oklch(1 0 0 / 14%);
  --l1fe-console-ring: var(--l1fe-console-brand-500);
  --l1fe-console-surface-card: oklch(0.2 0.012 264);
  --l1fe-console-surface-canvas: oklch(0.138 0.011 264);

  --l1fe-console-button: var(--l1fe-console-zinc-600);
  --l1fe-console-control: color-mix(in srgb, #ffffff 5%, transparent);
  --l1fe-console-control-border: color-mix(in srgb, #ffffff 10%, transparent);
}