/* ==========================================================================
   Custom "article" theme — Storied-inspired magazine look. Hand-tuned (not
   preset-generated): cool-white page, white cards, slate ink, cobalt accent,
   Golos Text (display) + Inter (body). Token names follow the canonical
   contract (references/tokens.md).
   ========================================================================== */
:root {
  /* semantic color (light) */
  --bg:               #F5F7FB;
  --surface:          #FFFFFF;
  --surface-2:        #F1F5F9;
  --text:             #0F172A;
  --muted:            #5A6678;
  --accent:           #163DD0;
  --accent-contrast:  #FFFFFF;
  --border:           #E6EAF1;
  --accent-strong:    #0F2DA8;
  --chip-bg:          #E8EDF5;
  --chip-text:        #334155;
  --selection-bg:     #163DD026;
  --code-bg:          #EEF2F8;

  /* typography — families */
  --font-display:     "Golos Text", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-body:        "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono:        ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* typography — modular scale (1.125rem floor, ratio 1.2) */
  --ratio:            1.2;
  --step--1:          0.875rem;
  --step-0:           1.0625rem;
  --step-1:           1.3rem;
  --step-2:           1.62rem;
  --step-3:           1.953rem;
  --step-4:           2.4rem;
  --step-5:           2.9rem;

  /* typography — leading & tracking (Golos/Inter want tight tracking) */
  --leading-tight:    1.1;
  --leading-snug:     1.25;
  --leading-normal:   1.65;
  --leading-loose:    1.8;
  --tracking-tight:   -0.035em;
  --tracking-snug:    -0.02em;
  --tracking-normal:  -0.01em;
  --tracking-wide:    0.06em;

  /* spacing — 8px base */
  --space-1:          0.5rem;
  --space-2:          1rem;
  --space-3:          1.5rem;
  --space-4:          2rem;
  --space-5:          2.5rem;
  --space-6:          3rem;
  --space-7:          3.5rem;
  --space-8:          4rem;
  --space-9:          5rem;
  --space-10:         6rem;
  --space-11:         8rem;
  --space-12:         10rem;

  /* radius (8px corners) / shadow (cool, soft) */
  --radius-sm:        8px;
  --radius-md:        12px;
  --radius-lg:        16px;
  --shadow-sm:        0 1px 2px rgba(15, 23, 42, 0.05);
  --shadow-md:        0 8px 30px rgba(15, 23, 42, 0.08);

  /* layout / imagery */
  --measure:           70ch;
  --container-prose:   54rem;
  --container-wide:    1280px;
  --gutter:           1.25rem;
  --img-filter:       none;
}