/* ============================================================================
   NINEFOLD PRESS — DESIGN TOKENS
   The single source of truth. Colors, the nine accents, type scale, spacing,
   motion. Every other stylesheet consumes these variables and invents nothing.
   ========================================================================== */

:root {
  /* --- Base palette ------------------------------------------------------ */
  --ink:            #231F1A;   /* near-black, all body text            */
  --ink-soft:       #453B30;   /* soft shadow brown, secondary text    */
  --parchment:      #F5EFE3;   /* warm page background                 */
  --parchment-deep: #EDE4D2;   /* slightly deeper section wash         */
  --cream:          #EAE0CC;   /* aged cream, cards                    */
  --cream-line:     #DBCDB0;   /* card hairlines                       */
  --gold:           #B08D3C;   /* muted gold, rules & small accents    */
  --gold-bright:    #C9A959;   /* hover / focus gold                   */

  /* Derived, for convenience */
  --ink-12:  rgba(35, 31, 26, 0.12);
  --ink-08:  rgba(35, 31, 26, 0.08);
  --gold-30: rgba(176, 141, 60, 0.30);
  --gold-15: rgba(176, 141, 60, 0.15);

  /* --- The nine accents (fruit of the Spirit) ---------------------------- */
  --c-love:         #B23A5A;   /* Love         — The Deep Well          */
  --c-joy:          #D98A2B;   /* Joy          — Bright Morning         */
  --c-peace:        #3E7C7B;   /* Peace        — Still Waters           */
  --c-patience:     #A8863B;   /* Patience     — The Long Field         */
  --c-kindness:     #C4632F;   /* Kindness     — Open Hands             */
  --c-goodness:     #5B7A3A;   /* Goodness     — Common Grace           */
  --c-faithfulness: #39477A;   /* Faithfulness — The Anchor             */
  --c-gentleness:   #8A6E9E;   /* Gentleness   — Soft Answer            */
  --c-selfcontrol:  #8C4A2F;   /* Self-Control — The Set Table          */

  /* Active accent — pages/sections rebind --accent to one of the nine.
     Base pages fall back to gold. */
  --accent:      var(--gold);
  --accent-soft: var(--gold-15);

  /* --- Typography -------------------------------------------------------- */
  --font-display: "Cormorant Garamond", "Times New Roman", serif;
  --font-body:    "Source Serif 4", Georgia, serif;
  --font-ui:      "Inter", system-ui, -apple-system, sans-serif;

  /* Fluid type scale (major-third-ish, clamped) */
  --step--1: clamp(0.82rem, 0.79rem + 0.15vw, 0.9rem);
  --step-0:  clamp(1rem,    0.96rem + 0.2vw,  1.1rem);
  --step-1:  clamp(1.2rem,  1.12rem + 0.4vw,  1.42rem);
  --step-2:  clamp(1.5rem,  1.35rem + 0.75vw, 1.95rem);
  --step-3:  clamp(1.9rem,  1.62rem + 1.4vw,  2.7rem);
  --step-4:  clamp(2.4rem,  1.9rem + 2.5vw,   3.8rem);
  --step-5:  clamp(3rem,    2.1rem + 4.5vw,   5.6rem);
  --step-6:  clamp(3.6rem,  2.2rem + 7vw,     8rem);

  --leading-tight: 1.08;
  --leading-snug:  1.28;
  --leading-body:  1.65;
  --tracking-eyebrow: 0.22em;
  --tracking-ui:      0.06em;

  --measure: 68ch;          /* max reading width */
  --measure-narrow: 54ch;

  /* --- Spacing scale (rem, based on 8px rhythm) -------------------------- */
  --space-2xs: 0.375rem;
  --space-xs:  0.625rem;
  --space-sm:  1rem;
  --space-md:  1.75rem;
  --space-lg:  3rem;
  --space-xl:  5rem;
  --space-2xl: 8rem;

  --gutter: clamp(1.25rem, 5vw, 4.5rem);
  --content-max: 1240px;
  --wide-max: 1440px;

  /* --- Finish ------------------------------------------------------------ */
  --radius-sm: 3px;
  --radius-md: 6px;
  --hairline: 1px solid var(--gold-30);
  --shadow-lift: 0 18px 40px -22px rgba(69, 59, 48, 0.55);
  --shadow-card: 0 2px 18px -12px rgba(69, 59, 48, 0.45);

  /* --- Motion ------------------------------------------------------------ */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 180ms;
  --dur-med:  420ms;
  --dur-slow: 900ms;
}

/* Collection accent classes — apply to any element to rebind --accent.
   Used on collection pages, cards, and the nine-emblem grid. */
.accent-love         { --accent: var(--c-love);         --accent-soft: rgba(178, 58, 90, 0.14); }
.accent-joy          { --accent: var(--c-joy);          --accent-soft: rgba(217, 138, 43, 0.16); }
.accent-peace        { --accent: var(--c-peace);        --accent-soft: rgba(62, 124, 123, 0.15); }
.accent-patience     { --accent: var(--c-patience);     --accent-soft: rgba(168, 134, 59, 0.16); }
.accent-kindness     { --accent: var(--c-kindness);     --accent-soft: rgba(196, 99, 47, 0.15); }
.accent-goodness     { --accent: var(--c-goodness);     --accent-soft: rgba(91, 122, 58, 0.15); }
.accent-faithfulness { --accent: var(--c-faithfulness); --accent-soft: rgba(57, 71, 122, 0.15); }
.accent-gentleness   { --accent: var(--c-gentleness);   --accent-soft: rgba(138, 110, 158, 0.16); }
.accent-selfcontrol  { --accent: var(--c-selfcontrol);  --accent-soft: rgba(140, 74, 47, 0.15); }