/* Design tokens for youtube.nixfred.com. Single source of palette + type.
   See docs/DESIGN.md. Change a value here, change it everywhere. */
:root {
  color-scheme: dark;

  /* background ramp */
  --bg:   #0a0e14;
  --bg-1: #0e1420;
  --bg-2: #141c2b;
  --bg-3: #1b2536;

  /* lines */
  --line:   rgba(255, 255, 255, 0.08);
  --line-2: rgba(255, 255, 255, 0.14);

  /* text */
  --text:     #eef2f8;
  --text-mut: #9bb0c9;
  --text-dim: #65788f;

  /* accents */
  --accent:   #f5b544;
  --accent-2: #5aa9ff;
  --accent-3: #57d2a0;
  --danger:   #e0685f;

  /* fonts */
  --font-serif: "Instrument Serif", Georgia, "Times New Roman", serif;
  --font-sans:  "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-mono:  "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* measure + radius */
  --measure: 68ch;
  --wide: min(1180px, 94vw);
  --radius: 14px;
  --radius-sm: 10px;

  /* shadow */
  --shadow: 0 18px 50px -24px rgba(0, 0, 0, 0.8);
}