/* bankx.dev design tokens */

:root {
  /* Typography stacks */
  --font-serif: "GT Sectra", "Fraunces", "Source Serif Pro", "Iowan Old Style", Georgia, serif;
  --font-sans: "Söhne", "Inter Tight", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", "Berkeley Mono", "IBM Plex Mono", "SF Mono", ui-monospace, monospace;

  /* Density scale (medium default) */
  --row-h: 34px;
  --pad-x: 14px;
  --pad-y: 8px;
  --gap: 14px;
  --fs-xs: 10.5px;
  --fs-sm: 12px;
  --fs-base: 13px;
  --fs-md: 14px;
  --fs-lg: 17px;
  --fs-xl: 22px;
  --fs-2xl: 32px;
  --fs-3xl: 48px;
  --fs-display: 96px;

  /* Accent amber (default) */
  --accent-h: 38;
  --accent: oklch(0.78 0.17 var(--accent-h));
  --accent-dim: oklch(0.62 0.14 var(--accent-h));
  --accent-bg: oklch(0.78 0.17 var(--accent-h) / 0.12);

  /* Category palette — shared chroma 0.15, lightness 0.72 in dark */
  --cat-amber: oklch(0.78 0.17 38);
  --cat-cyan:  oklch(0.78 0.13 210);
  --cat-lime:  oklch(0.85 0.17 125);
  --cat-magenta: oklch(0.72 0.20 340);
  --cat-violet: oklch(0.70 0.17 290);
  --cat-red: oklch(0.68 0.21 25);
  --cat-blue: oklch(0.72 0.16 255);
  --cat-teal: oklch(0.78 0.11 180);

  /* Semantic */
  --pos: oklch(0.82 0.20 145);
  --neg: oklch(0.68 0.22 25);
}

/* DARK THEME (default) */
[data-theme="dark"] {
  --bg-0: #07070a;           /* deep page */
  --bg-1: #0c0c10;           /* surface */
  --bg-2: #13131a;           /* card */
  --bg-3: #1a1a22;           /* raised */
  --bg-4: #22222d;           /* hover */
  --line: #1e1e27;
  --line-2: #2a2a35;
  --fg-0: #e8e3d6;           /* warm white */
  --fg-1: #c3bdab;           /* secondary */
  --fg-2: #7a7464;           /* tertiary */
  --fg-3: #4d4a40;           /* muted */
  --chrome: #0a0a0d;
  --scan: rgba(255, 200, 130, 0.02);
}

/* LIGHT THEME */
[data-theme="light"] {
  --bg-0: #f5f1e8;           /* warm paper */
  --bg-1: #efeadd;
  --bg-2: #e8e2d1;
  --bg-3: #ddd6c3;
  --bg-4: #d1c9b3;
  --line: #d8d1bd;
  --line-2: #b8af97;
  --fg-0: #1a1712;
  --fg-1: #3d3830;
  --fg-2: #6e665a;
  --fg-3: #9a9180;
  --chrome: #ede7d6;
  --scan: rgba(120, 80, 20, 0.02);

  /* Slightly darker accents for readability on cream */
  --cat-amber: oklch(0.58 0.19 38);
  --cat-cyan:  oklch(0.50 0.15 210);
  --cat-lime:  oklch(0.60 0.18 125);
  --cat-magenta: oklch(0.52 0.22 340);
  --cat-violet: oklch(0.48 0.18 290);
  --cat-red: oklch(0.52 0.22 25);
  --cat-blue: oklch(0.50 0.17 255);
  --cat-teal: oklch(0.55 0.13 180);
  --pos: oklch(0.52 0.20 145);
  --neg: oklch(0.52 0.22 25);
}

/* Density variants */
[data-density="compact"] {
  --row-h: 26px;
  --pad-x: 10px;
  --pad-y: 5px;
  --gap: 10px;
  --fs-base: 12px;
  --fs-md: 13px;
  --fs-sm: 11px;
  --fs-xs: 10px;
}
[data-density="comfortable"] {
  --row-h: 44px;
  --pad-x: 18px;
  --pad-y: 12px;
  --gap: 18px;
  --fs-base: 14px;
  --fs-md: 15px;
}

/* Font pairing variants */
[data-font="editorial"] {
  --font-display: var(--font-serif);
  --font-body: var(--font-sans);
}
[data-font="technical"] {
  --font-display: var(--font-mono);
  --font-body: var(--font-mono);
}
[data-font="humanist"] {
  --font-display: var(--font-sans);
  --font-body: var(--font-sans);
}