/* ============================================================
   First Principles — Design Tokens
   "Editorial Sound-Money" — warm near-black + restrained gold
   ============================================================ */

:root {
  /* ---- Color: warm neutral scale (dark theme, the default) ---- */
  --ink:        #0C0B09;  /* page background — warm near-black */
  --surface:    #15130F;  /* cards, raised panels */
  --surface-2:  #1F1C16;  /* hover / nested surfaces */
  --hairline:   #2C281F;  /* 1px borders, dividers */

  --paper:      #F4EFE6;  /* primary text — warm off-white */
  --muted:      #B5AC9B;  /* secondary text */
  --faint:      #7C7464;  /* captions, meta */

  /* ---- Accent: gold (the only accent) ---- */
  --gold:       #D9A441;  /* primary accent — restrained gold */
  --gold-soft:  #E9C786;  /* hover / highlights */
  --gold-deep:  #8A5E1E;  /* pressed / underlines */

  /* ---- Rating semantics (used ONLY inside ratings) ---- */
  --good:       #6FAE7E;  /* positive rating */
  --weak:       #C77B5A;  /* negative rating */
  --mid:        #C9A86A;  /* middling rating */

  /* ---- Typography ---- */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body:    "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* ---- Spacing scale (px) ---- */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --s-9: 96px;
  --s-10: 128px;

  /* ---- Layout ---- */
  --measure: 68ch;          /* article reading measure */
  --container: 1180px;      /* wide container */
  --article-col: 720px;     /* article column */

  /* ---- Radius & elevation ---- */
  --radius: 9px;
  --radius-sm: 6px;
  --shadow-1: 0 1px 2px rgba(0,0,0,0.4);
  --shadow-2: 0 12px 32px -12px rgba(0,0,0,0.7);

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