/* ==========================================================================
   DESIGN TOKENS — Led by the Ancestors
   Layout concept: an ancestral ledger. Warm ivory pages, bound by deep
   warm-black and emerald bands, joined by fine gold root-lines and arched
   altar-niche frames.
   Change a color here and it updates across the whole site.
   ========================================================================== */
:root {
  color-scheme: light;

  /* ---- Palette ---- */
  --ink:          #1E1814;  /* deep warm black */
  --charcoal:     #2B231E;  /* warm charcoal — premium bands */
  --umber:        #4A3427;  /* warm brown */
  --brown:        #6B4A33;

  --paper:        #FFFCF6;  /* card surface */
  --ivory:        #FBF7EF;  /* page background */
  --cream:        #F4EAD7;  /* rich cream — alternate bands */
  --parchment:    #EADCC0;

  --gold:         #B48C43;  /* antique gold — lines & ornaments only */
  --gold-soft:    #D9BC7A;  /* gold for text on dark backgrounds */
  --gold-deep:    #7A5A1E;  /* gold for text on light backgrounds */

  --burgundy:     #6B1E2B;  /* primary action */
  --burgundy-deep:#521520;
  --ember:        #B0501C;  /* burnt orange — focus, highlights */
  --ember-deep:   #8E3D12;

  --emerald:      #1E4636;  /* forest green accent */
  --emerald-deep: #163629;

  --text:         #2A211B;
  --text-muted:   #5B4B3F;
  --line:         #D9C9A8;
  --line-soft:    #E8DCC3;
  --field-border: #9C8865;
  --error:        #9B1C1C;

  --on-dark:       #F4EAD7;
  --on-dark-muted: #CDBEA5;

  /* ---- Type ---- */
  --font-display: "Cormorant Garamond", "Cormorant", Garamond, "Times New Roman", serif;
  --font-label:   "Marcellus", "Cormorant Garamond", Georgia, serif;
  --font-body:    "Mulish", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;

  --fs-sm:   0.9375rem;                                   /* 15px — smallest text on the site */
  --fs-base: clamp(1.0625rem, 1rem + 0.25vw, 1.1875rem);  /* 17–19px body */
  --fs-lg:   clamp(1.1875rem, 1.1rem + 0.4vw, 1.375rem);
  --fs-h4:   clamp(1.3rem, 1.2rem + 0.4vw, 1.5rem);
  --fs-h3:   clamp(1.6rem, 1.4rem + 0.8vw, 2rem);
  --fs-h2:   clamp(2.25rem, 1.7rem + 2.2vw, 3.5rem);
  --fs-h1:   clamp(2.9rem, 2rem + 4.4vw, 5.75rem);

  /* ---- Space & shape ---- */
  --container: 74rem;
  --measure: 40rem;
  --section-y: clamp(4rem, 3rem + 5vw, 7.5rem);
  --radius: 4px;
  --radius-btn: 3px;
  --header-h: 4.5rem;

  --shadow-soft: 0 1px 2px rgba(30, 24, 20, 0.05), 0 18px 40px -22px rgba(30, 24, 20, 0.35);

  /* Gentle paper grain used on cream bands */
  --grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .42 0 0 0 0 .29 0 0 0 0 .2 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}