/* Shared UI tokens — portable across tools.
   See design/README.md.
   Consume via CSS custom properties, not magic numbers. */

:root {
  color-scheme: light;

  --ui-color-canvas: #eef1f4;
  --ui-color-surface: #ffffff;
  --ui-color-surface-muted: #f7f8fa;
  --ui-color-border: #e4e7eb;
  --ui-color-border-strong: #d0d5dc;
  --ui-color-text: #1c2430;
  --ui-color-text-secondary: #5c6774;
  --ui-color-text-tertiary: #8b949e;
  --ui-color-primary: #1a5278;
  --ui-color-primary-hover: #154564;
  --ui-color-primary-muted: #eaf1f6;
  --ui-color-on-primary: #ffffff;
  --ui-color-success: #2d6a4f;
  --ui-color-success-muted: #e8f3ed;
  --ui-color-warning: #8c6420;
  --ui-color-warning-muted: #f6f0e4;
  --ui-color-danger: #a8482a;
  --ui-color-danger-muted: #f8ebe6;
  --ui-table-row-hover: rgba(26, 35, 50, 0.05);
  --ui-table-col-hover: rgba(26, 35, 50, 0.05);
  --ui-table-row-col-hover: rgba(26, 35, 50, 0.07);
  --ui-table-col-hover-overlay: rgba(26, 35, 50, 0.028);

  --ui-space-2: 0.125rem;
  --ui-space-4: 0.25rem;
  --ui-space-6: 0.375rem;
  --ui-space-8: 0.5rem;
  --ui-space-12: 0.75rem;
  --ui-space-16: 1rem;
  --ui-space-20: 1.25rem;
  --ui-space-24: 1.5rem;
  --ui-space-32: 2rem;
  --ui-space-40: 2.5rem;
  --ui-space-48: 3rem;

  --ui-radius-control: 0.375rem;
  --ui-radius-panel: 0.5rem;
  --ui-radius-pill: 999px;

  --ui-font-sans: "Inter", system-ui, sans-serif;
  --ui-font-mono: "IBM Plex Mono", "Cascadia Code", ui-monospace, monospace;
  --ui-font-size-xs: 0.6875rem;
  --ui-font-size-sm: 0.8125rem;
  --ui-font-size-md: 0.875rem;
  --ui-font-size-lg: 1rem;
  --ui-font-size-xl: 1.125rem;
  --ui-font-size-display: 1.375rem;

  --ui-size-control: 2rem;
  --ui-size-header: 3.5rem;
  --ui-shadow-none: none;
}

/* Opt-in only: importing this file must not switch the host app to dark. */
:root[data-theme="dark"] {
    color-scheme: dark;
    --ui-color-canvas: #12161c;
    --ui-color-surface: #1a2028;
    --ui-color-surface-muted: #151a21;
    --ui-color-border: #2a3340;
    --ui-color-border-strong: #3a4656;
    --ui-color-text: #e8ecf0;
    --ui-color-text-secondary: #9aa4b0;
    --ui-color-text-tertiary: #6b7580;
    --ui-color-primary: #7ba8c9;
    --ui-color-primary-hover: #95bbd6;
    --ui-color-primary-muted: #1e3344;
    --ui-color-on-primary: #102030;
    --ui-color-success: #6fbf96;
    --ui-color-success-muted: #1a2e26;
    --ui-color-warning: #d4a85a;
    --ui-color-warning-muted: #2e2618;
    --ui-color-danger: #e08a72;
    --ui-color-danger-muted: #33201a;
    --ui-table-row-hover: rgba(255, 255, 255, 0.06);
    --ui-table-col-hover: rgba(255, 255, 255, 0.06);
    --ui-table-row-col-hover: rgba(255, 255, 255, 0.09);
    --ui-table-col-hover-overlay: rgba(255, 255, 255, 0.035);
}