/* Cool scorecard pad by day; charcoal follows lichess — warm near-black, one blue.
   Type: Fraunces (names), Atkinson Hyperlegible (UI), JetBrains Mono (query + figures).
   Gold is an innings milestone only. */

:root {
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;

  --t-caption: 0.8125rem;
  --t-caption-lh: 1.25rem;
  --t-body: 1rem;
  --t-body-lh: 1.5rem;
  --t-h3: 1.125rem;
  --t-h3-lh: 1.5rem;
  --t-h2: 1.5rem;
  --t-h2-lh: 1.75rem;
  --t-display: clamp(1.75rem, 1.35rem + 1.4vw, 2.35rem);
  --t-display-lh: 1.12;
  --t-table: 0.875rem;
  --t-table-lh: 1.375rem;
  --t-query: 1.0625rem;
  --t-query-lh: 1.5rem;

  --font-display: "Fraunces", "Fraunces Fallback", Georgia, serif;
  --font-ui: "Atkinson Hyperlegible", "Atkinson Fallback", "Trebuchet MS", sans-serif;
  --font-mono: "JetBrains Mono", "JetBrains Fallback", ui-monospace, monospace;

  --radius-sm: 0.25rem;
  --radius-panel: 0.75rem;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --focus: 0 0 0 2px var(--bg-app), 0 0 0 4px var(--accent);
}

:root,
[data-theme="paper"] {
  --bg-app: oklch(0.94 0.012 250);
  --bg-surface: oklch(0.985 0.006 250);
  --bg-inset: oklch(0.91 0.014 250);
  --ink: oklch(0.28 0.042 262);
  --ink-2: oklch(0.42 0.03 258);
  --ink-3: oklch(0.44 0.024 255);
  --line: oklch(0.86 0.016 250);
  --line-strong: oklch(0.78 0.02 250);
  --accent: oklch(0.40 0.12 265);
  --accent-strong: oklch(0.34 0.12 265);
  --accent-tint: oklch(0.94 0.03 265);
  --gold: oklch(0.52 0.10 85);
  --series-b: oklch(0.48 0.07 200);
  --red: oklch(0.48 0.13 28);
  --green-pos: oklch(0.45 0.10 150);
  --on-accent: oklch(0.98 0.008 250);
  --shadow-pop: 0 0.5rem 1.25rem oklch(0.28 0.04 262 / 0.10);
}

[data-theme="charcoal"] {
  --bg-app: #161514;
  --bg-surface: #24221f;
  --bg-inset: #2c2926;
  --ink: #cfccc7;
  --ink-2: #969390;
  --ink-3: #6e6b67;
  --line: #35322e;
  --line-strong: #46423d;
  --accent: #3893e5;
  --accent-strong: #5faaec;
  --accent-tint: #21313f;
  --gold: #c9a24c;
  --series-b: #8a9b7a;
  --red: #d96a5c;
  --green-pos: #6fb98a;
  --on-accent: #f6f8fa;
  --shadow-pop: 0 0.5rem 1.25rem #00000073;
}

@font-face {
  font-family: "Fraunces Fallback";
  src: local("Georgia");
  size-adjust: 108%;
  ascent-override: 92%;
  descent-override: 22%;
  line-gap-override: 0%;
}

@font-face {
  font-family: "Atkinson Fallback";
  src: local("Trebuchet MS"), local("Arial");
  size-adjust: 104%;
  ascent-override: 94%;
  descent-override: 24%;
  line-gap-override: 0%;
}

@font-face {
  font-family: "JetBrains Fallback";
  src: local("Menlo"), local("Consolas");
  size-adjust: 99%;
  ascent-override: 90%;
  descent-override: 24%;
  line-gap-override: 0%;
}

@font-face {
  font-family: "Fraunces";
  src: url("/static/fonts/fraunces-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Atkinson Hyperlegible";
  src: url("/static/fonts/atkinson-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Atkinson Hyperlegible";
  src: url("/static/fonts/atkinson-700.woff2") format("woff2");
  font-weight: 500 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "JetBrains Mono";
  src: url("/static/fonts/jetbrains-mono-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "JetBrains Mono";
  src: url("/static/fonts/jetbrains-mono-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}