/* ==========================================================================
   Design tokens — The Sarang Church English Worship
   Direction derived from Denzil's reference screenshots: warm ivory ground,
   muted gold accent, elegant serif headings, centered and unhurried.
   ========================================================================== */

:root {
  /* --- Color ------------------------------------------------------------ */
  --ivory: #fbf7f0;          /* page ground */
  --ivory-raised: #fffdf9;   /* cards, raised panels */
  --sand: #f3ebdc;           /* alternating sections, scripture panel */
  --sand-deep: #e9dcc5;

  --ink: #2a2116;            /* headings, primary text */
  --ink-soft: #5c5245;       /* body copy */
  --ink-faint: #8b8173;      /* captions, meta */

  --gold: #c0913f;           /* decorative rules, button fills */
  --gold-deep: #8a6229;      /* gold used as TEXT — passes contrast on ivory */
  --gold-soft: #e2bd72;      /* gold used as TEXT on dark photography */
  --gold-pale: #ebdcbe;
  --rule: #e2d6bf;
  --rule-strong: #cbb68f;

  /* --- Type families ---------------------------------------------------- */
  --font-display: "Cormorant Garamond", "Iowan Old Style", Georgia, serif;
  --font-body: "Lora", Georgia, "Times New Roman", serif;
  --font-ui: "Inter", "Segoe UI", system-ui, sans-serif;

  /* --- Type scale ------------------------------------------------------- */
  --text-eyebrow: 0.75rem;
  --text-meta: 0.875rem;
  --text-body: 1.0625rem;
  --text-body-lg: 1.1875rem;
  --text-lede: clamp(1.1875rem, 1.05rem + 0.6vw, 1.4375rem);
  --text-h3: clamp(1.5rem, 1.25rem + 1vw, 1.875rem);
  --text-h2: clamp(2rem, 1.5rem + 2.2vw, 3rem);
  --text-h1: clamp(2.75rem, 1.9rem + 3.6vw, 4.75rem);
  --text-scripture: clamp(1.3125rem, 1.1rem + 1vw, 1.75rem);

  /* --- Rhythm ----------------------------------------------------------- */
  --measure: 38rem;
  --measure-wide: 54rem;
  --container: 72rem;
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 6rem;
  --space-7: 8.5rem;

  /* --- Motion ----------------------------------------------------------- */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur-fast: 180ms;
  --dur-med: 400ms;
  --dur-slow: 700ms;

  --radius: 3px;
  --shadow-soft: 0 18px 40px -26px rgba(42, 33, 22, 0.4);
}