/* Verifiable — design tokens.
 *
 * Provenance: the two palettes below are copied verbatim from the Apodex
 * web UI design system (packages/web-ui/src/ui/tokens.css @ ApodexAI/crucible).
 * They are a borrowed template — Verifiable is a separate product and shares
 * no other code with that repository.
 *
 *   current — dark, acid-lime accent
 *   warm    — light, violet accent
 *
 * Theme is selected by the data-theme attribute on <html>.
 */

:root,
[data-theme="current"] {
  color-scheme: dark;
  --v-bg: #0e100e;
  --v-surface: #151815;
  --v-surface-raised: #1b1f1b;
  --v-surface-hover: #202520;
  --v-border: #30352f;
  --v-border-strong: #424940;
  --v-text: #e8eae3;
  --v-text-bright: #ffffff;
  --v-text-secondary: #b5bbb1;
  --v-muted: #92988d;
  --v-dim: #62685f;
  --v-accent: #c9f36a;
  --v-accent-border: #8eaa50;
  --v-on-accent: #11150b;
  --v-primary-action: #c9f36a;
  --v-primary-action-border: #8eaa50;
  --v-on-primary-action: #11150b;
  --v-selection: var(--v-surface-hover);
  --v-success: var(--v-accent);
  --v-success-border: var(--v-accent-border);
  --v-success-surface: var(--v-selection);
  --v-warning: #dfa84f;
  --v-warning-border: #dfa84f;
  --v-warning-surface: var(--v-surface-raised);
  --v-danger: #df785d;
  --v-danger-border: #df785d;
  --v-danger-surface: var(--v-surface-raised);
  --v-info: var(--v-muted);
  --v-info-border: var(--v-border);
  --v-info-surface: var(--v-surface-raised);
  --v-overlay: #000a;
  --v-shadow: #0009;
  --v-focus-ring: #c9f36a;
}

[data-theme="warm"] {
  color-scheme: light;
  --v-bg: #f7f1e6;
  --v-surface: #fff9ee;
  --v-surface-raised: #fffdf7;
  --v-surface-hover: #f0e6d6;
  --v-border: #c9bca8;
  --v-border-strong: #a99a84;
  --v-text: #15131b;
  --v-text-bright: #050409;
  --v-text-secondary: #3f3948;
  --v-muted: #5f586a;
  --v-dim: #766f7e;
  --v-accent: #6430d8;
  --v-accent-border: #6430d8;
  --v-on-accent: #fffaf2;
  --v-primary-action: #6430d8;
  --v-primary-action-border: #6430d8;
  --v-on-primary-action: #fffaf2;
  --v-selection: var(--v-surface-hover);
  --v-success: var(--v-accent);
  --v-success-border: var(--v-accent-border);
  --v-success-surface: var(--v-selection);
  --v-warning: #dfa84f;
  --v-warning-border: #dfa84f;
  --v-warning-surface: var(--v-surface-raised);
  --v-danger: #df785d;
  --v-danger-border: #df785d;
  --v-danger-surface: var(--v-surface-raised);
  --v-info: var(--v-muted);
  --v-info-border: var(--v-border);
  --v-info-surface: var(--v-surface-raised);
  --v-overlay: #15131b66;
  --v-shadow: #15131b33;
  --v-focus-ring: #6430d8;
}

:root,
[data-theme] {
  --v-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --v-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --v-radius-sm: 5px;
  --v-radius-md: 8px;
  --v-radius-lg: 12px;
  --v-space-1: 4px;
  --v-space-2: 8px;
  --v-space-3: 12px;
  --v-space-4: 16px;
  --v-space-5: 20px;
  --v-space-6: 24px;
  --v-control-height: 34px;
  --v-control-font-size: 13px;
}