/* ============================================================
   css/tokens.css — Editorial Swell design tokens.
   The single source for palette, type, spacing and layout, shared
   by styles.css. Change the values here, not across the stylesheet.
   ============================================================ */

:root {
  /* ---- palette ---- */
  --c-bg:        #FFFFFF;
  --c-text:      #111111;
  --c-text-soft: #6B6B66;
  --c-accent:    #1B4B43;   /* first accent — green tones of the Atlantic pines */
  --c-accent-2:  #C9A15A;   /* second accent — sand and late light            */
  --c-line:      #E5E5E0;   /* hairline rules and dividers                     */

  /* ---- type ---- */
  --font-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-body:    "Helvetica Neue", Helvetica, Arial, "Inter", ui-sans-serif, system-ui, sans-serif;

  --fs-display:   88px;  /* h1, desktop */
  --fs-display-sm: 44px; /* h1, mobile  */
  --fs-h2:        44px;
  --fs-lede:      24px;
  --fs-body:      17px;
  --fs-quote:     30px;  /* italic pull quote */

  --fw-display: 600;
  --fw-body:    400;

  /* ---- spacing scale (8 / 16 / 24 / 48 / 80 / 120) ---- */
  --space-1:  8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 48px;
  --space-5: 80px;
  --space-6: 120px;

  /* ---- layout ---- */
  --max-w:    1320px;
  --container-pad: var(--space-3);
  --line: 1px;
}