/* ============================================================================
   Carillon — brand tokens (single source of truth for the site's identity)
   A service of Arc & Ember Studio. This is NOT the Arc & Ember look; it is its
   own identity, drawn from cast bells at dusk: bell-bronze, verdigris patina,
   a deep "vesper" teal, and limestone. Deliberately avoids the AI-default looks
   (warm-cream + terracotta serif; near-black + acid accent; hairline broadsheet).
   Every text pairing here is WCAG-checked (see docs/business/brand.md).
   ============================================================================ */
:root {
  /* --- palette --- */
  --ink:          #17282E;  /* vesper teal-slate: primary dark + body text on light */
  --ink-2:        #33474E;  /* softer ink for secondary text */
  --bone:         #F3F1EA;  /* limestone: primary light background */
  --bone-2:       #E7E2D5;  /* raised panels / cards on light */
  --bronze:       #9C6B2E;  /* cast bell-bronze: primary accent (large text/rules) */
  --bronze-ink:   #7E551F;  /* darker bronze: safe for small text on light (AA) */
  --patina:       #5B9E88;  /* verdigris: secondary accent (bells age to this green) */
  --patina-deep:  #2F6151;  /* patina safe for small text on light (AA) */
  --mist:         #C9D3D1;  /* muted cool grey for secondary text on dark (AAA) */
  --white:        #FFFFFF;

  /* --- semantic --- */
  --bg:            var(--bone);
  --bg-panel:      var(--bone-2);
  --bg-invert:     var(--ink);
  --text:          var(--ink);
  --text-soft:     var(--ink-2);
  --text-on-dark:  var(--bone);
  --text-on-dark-soft: var(--mist);
  --accent:        var(--bronze);
  --accent-text:   var(--bronze-ink);
  --accent-2:      var(--patina-deep);
  --line:          #D8D2C4;         /* hairline on light */
  --line-dark:     #2C4048;         /* hairline on dark */

  /* --- type --- */
  --font-display: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua",
                  Georgia, "Times New Roman", serif;      /* warm, bookish, heritage */
  --font-body:    "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --font-mono:    "Cascadia Code", "Consolas", ui-monospace, monospace;

  --step--1: clamp(0.85rem, 0.82rem + 0.15vw, 0.95rem);
  --step-0:  clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --step-1:  clamp(1.2rem, 1.1rem + 0.5vw, 1.4rem);
  --step-2:  clamp(1.5rem, 1.3rem + 1vw, 2rem);
  --step-3:  clamp(2rem, 1.6rem + 2vw, 3rem);
  --step-4:  clamp(2.6rem, 2rem + 3vw, 4.2rem);

  /* --- space + form --- */
  --gap:      clamp(1rem, 0.8rem + 1vw, 1.6rem);
  --section:  clamp(3.5rem, 2.5rem + 5vw, 6.5rem);
  --radius:   14px;
  --radius-sm: 8px;
  --shadow:   0 1px 2px rgba(23,40,46,.06), 0 8px 30px rgba(23,40,46,.08);
  --maxw:     1140px;
  --ring:     0 0 0 3px rgba(91,158,136,.55);   /* patina focus ring */
}