/* ─────────────────────────────────────────────────────────────────────
   Brand tokens.

   Override these to match the church's existing site. Every visual
   choice in the platform routes through these custom properties — no
   hardcoded colors, font names, or asset paths anywhere else.

   The values below are intentionally generic-but-tasteful placeholders.
   See README.md for instructions on swapping fonts, logos, and PWA
   icons.
───────────────────────────────────────────────────────────────────── */

:root {
  /* Color — matched to The Crystal Cathedral Ministry, crystalministry.org.
     Deep royal purple primary + rich gold accent on a clean off-white. */
  --brand-primary: #240247;        /* deep royal purple — headings, buttons */
  --brand-ink:     #1A1F2E;        /* body text */
  --brand-paper:   #FAFAFA;        /* page background — clean off-white */
  --brand-accent:  #C49B08;        /* rich gold, used sparingly */

  --brand-paper-tint: #F0EAF6;     /* faintest purple wash */
  --brand-line:       #D8CFE2;     /* purple-tinted divider */
  --brand-muted:      #5C5F6B;
  --brand-danger:     #B8423B;
  --brand-warning:    #C77B2B;

  /* Type — Crystal Cathedral's site uses Avenir (Heavy for display, Light for
     body). Avenir is licensed; fall back through close free equivalents so the
     visual rhythm carries even without the paid face installed. */
  --font-display: "Avenir Next", "Avenir", "Nunito Sans", "Helvetica Neue",
                  Helvetica, Arial, sans-serif;
  --font-body:    "Avenir Next", "Avenir", "Nunito Sans", -apple-system,
                  BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial,
                  sans-serif;

  /* Layout */
  --max-prose:  65ch;
  --radius:     12px;
  --radius-lg:  18px;
  --radius-pill: 999px;
  --shadow-sm:  0 1px 2px rgba(36, 2, 71, 0.06);
  --shadow-md:  0 6px 20px rgba(36, 2, 71, 0.08);
  --shadow-lg:  0 18px 50px -12px rgba(36, 2, 71, 0.18);
  --space-pad:  clamp(1.25rem, 3vw, 2rem);
  --header-h:   72px;
}

/* Crystal Cathedral's brand reads on a clean white canvas; we intentionally
   do not auto-flip to dark mode based on OS preference. Add a manual toggle
   later if needed. */

/* ─── self-host fonts (drop real Avenir or Nunito Sans .woff2 in static/fonts/
   and add @font-face blocks here to bind them as "Avenir Next" / "Avenir"). */