/* Hallmark · pre-emit critique: P4 H4 E4 S4 R5 V4
 * macrostructure: Index-First (data tables) · tone: austere
 * theme: custom ink/paper · display: IBM Plex Sans · body: IBM Plex Sans
 * audience: one allowlisted user + one admin · use: scan Plaid tables / CSV
 */

:root {
  --color-paper: oklch(97.4% 0.006 95);
  --color-paper-2: oklch(94.8% 0.008 95);
  --color-ink: oklch(22% 0.012 260);
  --color-mute: oklch(48% 0.014 260);
  --color-line: oklch(88% 0.01 95);
  --color-accent: oklch(48% 0.1 250);
  --color-debit: oklch(48% 0.12 25);
  --color-credit: oklch(46% 0.09 155);
  --color-focus: oklch(48% 0.12 250);
  --font-sans: "IBM Plex Sans", "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --space-2xs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
  --space-2xl: 64px;
  --text-xs: 0.75rem;
  --text-sm: 0.8125rem;
  --text-md: 0.9375rem;
  --text-lg: 1.25rem;
  --radius: 2px;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur: 160ms;
}

html[data-theme="dark"] {
  --color-paper: oklch(18% 0.012 260);
  --color-paper-2: oklch(22% 0.014 260);
  --color-ink: oklch(94% 0.01 95);
  --color-mute: oklch(72% 0.016 260);
  --color-line: oklch(32% 0.016 260);
  --color-accent: oklch(74% 0.1 250);
  --color-debit: oklch(74% 0.12 25);
  --color-credit: oklch(78% 0.09 155);
  --color-focus: oklch(78% 0.1 250);
}