/* Design tokens — Resonate the Word. Dark, cinematic, warm gold accent. */
:root {
  /* Backgrounds (deep ink) */
  --ink-900: #0b0d12;
  --ink-850: #0f121a;
  --ink-800: #12151d;
  --ink-750: #171b26;
  --ink-700: #1a1f2b;
  --line: #2a3140;
  --line-soft: #212736;

  /* Text */
  --paper: #f6f3ec;
  --paper-dim: #d8dae2;
  --muted: #9aa4b6;
  --muted-2: #6f7a8f;

  /* Accent — candle gold */
  --gold-300: #f0cd8a;
  --gold-400: #e6b968;
  --gold-500: #d8a24a;
  --gold-600: #b9832f;
  --gold-soft: rgba(230, 185, 104, 0.12);
  --gold-line: rgba(230, 185, 104, 0.28);

  /* States */
  --focus: #e6b968;
  --success: #5bbf8a;
  --danger: #e06a5a;

  /* Brand service colors */
  --spotify: #1db954;
  --apple: #fc3c44;
  --youtube: #ff0000;
  --amazon: #25d1da;

  /* Type */
  --font-serif: 'Fraunces', 'Iowan Old Style', 'Palatino Linotype', Palatino, Georgia, serif;
  --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  /* Radius / shadow / layout */
  --radius: 14px;
  --radius-sm: 10px;
  --radius-lg: 22px;
  --shadow-sm: 0 4px 16px rgba(0, 0, 0, 0.35);
  --shadow: 0 12px 44px rgba(0, 0, 0, 0.45);
  --shadow-gold: 0 10px 40px rgba(216, 162, 74, 0.18);
  --maxw: 1180px;
  --article-w: 52rem; /* shared measure for article title + body (blog/legal) */
  --gutter: clamp(1rem, 4vw, 2.5rem);

  /* Motion */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur: 0.28s;
}