/* Anchor design tokens (mirrors the frontend's light/dark palette). */

:root,
[data-theme="dark"] {
  --bg-canvas: #0c0d0f;
  --bg-inset: #0c0d0f;
  --bg-surface: #121316;
  --bg-raised: #18191d;
  --bg-hover: rgba(237, 237, 240, 0.06);
  --border-subtle: #1e2026;
  --border-default: #282a32;
  --text-primary: #ededf0;
  --text-secondary: #9fa3af;
  --status-error: #f2686b;
  --status-info: #7aa8f0;
  --shadow-menu: 0 2px 6px rgba(0, 0, 0, 0.35), 0 12px 32px rgba(0, 0, 0, 0.45);
  --shadow-dialog: 0 8px 32px rgba(0, 0, 0, 0.55);
  color-scheme: dark;
}

[data-theme="light"] {
  --bg-canvas: #f5f6f8;
  --bg-inset: #ffffff;
  --bg-surface: #ffffff;
  --bg-raised: #ffffff;
  --bg-hover: rgba(17, 18, 21, 0.06);
  --border-subtle: #eceef2;
  --border-default: #e2e4e9;
  --text-primary: #111215;
  --text-secondary: #565a66;
  --status-error: #c4282d;
  --status-info: #1f57b5;
  --shadow-menu: 0 2px 6px rgba(17, 18, 21, 0.12), 0 8px 24px rgba(17, 18, 21, 0.16);
  --shadow-dialog: 0 8px 32px rgba(17, 18, 21, 0.24);
  color-scheme: light;
}

:root {
  --font-ui: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --duration-fast: 120ms;
  --duration-base: 200ms;
  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
}