/* Scorecard design tokens — Paper Ledger palette (2c), dark-first. */
@font-face {
  font-family: "Inter";
  src: url("assets/fonts/inter-latin.woff2") format("woff2");
  font-weight: 400 700;
  font-display: swap;
}
@font-face {
  font-family: "Rajdhani";      /* Moonbase 2090 wordmark only */
  src: url("assets/fonts/rajdhani-300-latin.woff2") format("woff2");
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("assets/fonts/jetbrains-mono-latin.woff2") format("woff2");
  font-weight: 400 700;
  font-display: swap;
}

:root {
  color-scheme: dark;
  /* color — dark (default) */
  --c-bg: #141414;
  --c-surface: #1e1e1e;
  --c-surface-2: #0f0f0f;       /* terminal body */
  --c-border: #333333;
  --c-border-strong: #6b6b6b;   /* outline buttons, table rules (>= 3:1) */
  --c-text: #ededed;
  --c-muted: #a3a3a3;
  --c-accent: #fb923c;
  --c-on-accent: #141414;
  --c-pass: #4ade80;
  --c-fail: #f87171;
  --c-skip: #facc15;
  --c-focus: #fb923c;

  /* type */
  --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --fs-xs: 0.75rem;   /* 12 */
  --fs-sm: 0.875rem;  /* 14 */
  --fs-md: 1rem;      /* 16 */
  --fs-lg: 1.125rem;  /* 18 */
  --fs-xl: 1.5rem;    /* 24 */
  --fs-2xl: clamp(1.75rem, 1.2rem + 2vw, 2.5rem);
  --fs-3xl: clamp(2.125rem, 1.4rem + 2.6vw, 3.25rem);
  --lh-tight: 1.08;
  --lh-snug: 1.3;
  --lh-body: 1.6;
  --tracking-tight: -0.025em;
  --tracking-caps: 0.08em;

  /* spacing (4px base) */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4rem;
  --sp-9: 6rem;
  --section-y: clamp(4rem, 3rem + 5vw, 7rem);
  --gutter: clamp(1.25rem, 0.5rem + 3vw, 3.5rem);
  --max-w: 75rem;
  --header-h: 4rem;

  /* radius */
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 12px;

  /* motion */
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --dur: 200ms;
}

[data-theme="light"] {
  color-scheme: light;
  --c-bg: #fbfaf7;
  --c-surface: #ffffff;
  --c-surface-2: #ffffff;
  --c-border: #e4e1d8;
  --c-border-strong: #8a867c;
  --c-text: #1a1a1a;
  --c-muted: #6b6b6b;
  --c-accent: #c2410c;
  --c-on-accent: #ffffff;
  --c-pass: #15803d;
  --c-fail: #b91c1c;
  --c-skip: #a16207;
  --c-focus: #c2410c;
}