/* Predly design tokens. Import first in every page.
   Palette: Robinhood green on true black, red for NO, amber for the honesty markers only.
   Values are binding — see docs/PALETTE.md. */
:root {
  --bg: #000000;
  --bg-1: #0b0d0c;
  --bg-2: #131614;
  --bg-3: #1b1f1d;
  --line: rgba(255, 255, 255, 0.08);
  --line-2: rgba(255, 255, 255, 0.16);
  --fg: #ffffff;
  --fg-1: #d6dbd8;
  --fg-2: #969e9a;
  --fg-3: #667069;

  --green: #00c805;
  --green-2: #35e83a;
  --green-dim: rgba(0, 200, 5, 0.14);
  --green-line: rgba(0, 200, 5, 0.35);

  --red: #ff5000;
  --red-2: #ff7a3d;
  --red-dim: rgba(255, 80, 0, 0.14);

  --amber: #ffb62a;
  --amber-dim: rgba(255, 182, 42, 0.13);

  --yes: var(--green);
  --no: var(--red);

  --font-mono: 'JetBrains Mono', 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

  --radius: 6px;
  --radius-sm: 4px;
  --shadow: 0 0 0 1px var(--line), 0 12px 40px rgba(0, 0, 0, 0.45);

  --fs-xs: 10px;
  --fs-sm: 11px;
  --fs-md: 12.5px;
  --fs-lg: 14px;
  --fs-xl: 18px;

  --pad: 10px;
  --gap: 8px;
  color-scheme: dark;
}

@media (prefers-reduced-motion: reduce) {
  :root { --motion: 0; }
  *, *::before, *::after { animation-duration: 0.001s !important; transition-duration: 0.001s !important; }
}