/* ============================================================================
   Capuchin Franciscans — Vice-Province of Aotearoa / New Zealand
   Design tokens.

   Palette + type scale derived from https://www.capuchins.org/css/app.css
   (Province of St. Conrad) — the benchmark the owner nominated.
   Colours are their real values, pulled from their stylesheet, not invented.

   TYPE — the benchmark uses two Adobe Fonts (paid, domain-licensed):
       headings : p22-mackinac-pro
       body     : myriad-pro
   We cannot licence those, so we ship the closest open equivalents:
       headings : Source Serif 4  (warm, sturdy, high-contrast serif)
       body     : Source Sans 3   (Adobe's open humanist sans — the direct
                                   open sibling of Myriad; very tight match)
   To swap to the real Adobe fonts later, change --font-display / --font-body
   below and add the Typekit <link>. Nothing else needs to move.
   ========================================================================= */

:root {
  /* ---- Brand palette (measured from capuchins.org app.css) ---- */
  --brown-900: #351613;   /* deepest — the habit. Their most-used brand brown. */
  --brown-700: #61291e;
  --brown-500: #8c4d1a;
  --gold-500:  #b8873a;   /* liturgical gold — the accent */
  --slate-700: #2e5064;   /* their dominant heading/UI blue */
  --slate-500: #6497b2;
  --blue-600:  #015b97;   /* link / action blue */

  /* ---- Neutrals ---- */
  --ink:       #303030;   /* body copy — their text colour, not pure black */
  --ink-soft:  #5a5a5a;
  --rule:      #dddddd;
  --paper:     #ffffff;
  --paper-2:   #fafafa;
  --paper-3:   #f2f2f2;

  /* ---- Semantic ---- */
  --bg:            var(--paper);
  --bg-alt:        var(--paper-3);
  --text:          var(--ink);
  --text-muted:    var(--ink-soft);
  --heading:       var(--brown-900);
  --accent:        var(--gold-500);
  --link:          var(--blue-600);
  --link-hover:    var(--brown-700);

  /* ---- Type ---- */
  --font-display: "Source Serif 4", "P22 Mackinac Pro", Georgia, "Times New Roman", serif;
  --font-body:    "Source Sans 3", "Myriad Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Fluid scale — 1.25 major third, clamped so it never breaks on mobile */
  --step--1: clamp(0.83rem, 0.79rem + 0.20vw, 0.94rem);
  --step-0:  clamp(1.00rem, 0.95rem + 0.25vw, 1.13rem);
  --step-1:  clamp(1.25rem, 1.16rem + 0.44vw, 1.50rem);
  --step-2:  clamp(1.56rem, 1.41rem + 0.75vw, 2.00rem);
  --step-3:  clamp(1.95rem, 1.70rem + 1.24vw, 2.67rem);
  --step-4:  clamp(2.44rem, 2.03rem + 2.03vw, 3.55rem);
  --step-5:  clamp(3.05rem, 2.42rem + 3.17vw, 4.74rem);

  --leading-tight: 1.15;
  --leading-body:  1.65;   /* generous — this site is read, not skimmed */
  --measure:       68ch;   /* max line length for prose */

  /* ---- Space (8px base) ---- */
  --s-1: 0.25rem;  --s-2: 0.5rem;   --s-3: 0.75rem;  --s-4: 1rem;
  --s-5: 1.5rem;   --s-6: 2rem;     --s-7: 3rem;     --s-8: 4rem;
  --s-9: 6rem;     --s-10: 8rem;

  --gutter:    clamp(1.25rem, 5vw, 3rem);
  --shell:     78rem;   /* max content width */
  --shell-narrow: 46rem;

  /* ---- Craft ---- */
  --radius:    2px;      /* almost none — restraint reads as serious */
  --shadow-1:  0 1px 2px rgba(53, 22, 19, 0.06), 0 2px 8px rgba(53, 22, 19, 0.04);
  --shadow-2:  0 4px 12px rgba(53, 22, 19, 0.08), 0 12px 32px rgba(53, 22, 19, 0.06);
  --ease:      cubic-bezier(0.4, 0, 0.2, 1);
  --dur:       200ms;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}