@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

:root {
  --brand: #2f6b4f;
  --brand-light: #6eb98d;
  --brand-dark: #2f6b4f;
  --brand-accent: #f25a5a;
  --surface: #fdfcff;
  --surface-card: #ffffff;
  --surface-border: #ffffff;
  --surface-hover: #ffffff;
  --ink: #1a1c1e;
  --ink-muted: #42474e;
  --ink-faint: #73777f;
  --page-background: #f7f7f7;
  --header-background: transparent;
  --footer-background: #f8f9fb;
  --header-logo-background: var(--header-background);
  --header-menu-background: var(--header-background);
  --footer-main-background: var(--footer-background);
  --footer-legal-background: var(--footer-background);
  --banner-background: #2f6b4f;
  --on-banner: #ffffff;
  --cta-background: #f7f7f7;
  --nav-link-hover-color: #2f6b4f;
  --nav-link-hover-text-decoration: underline;
  --tooltip-background: #4c689e;
  --on-tooltip: #ffffff;
  --radius-sm: 2rem;
  --radius: 2rem;
  --radius-lg: 2rem;
  --font-family: 'Montserrat', sans-serif;
  --font-family-heading: var(--font-family);
  --prose-h1-color: #162e48;
  --prose-h1-size: 2rem;
  --prose-h2-color: #162e48;
  --prose-h2-size: 1.625rem;
  --prose-h3-color: #2f6b4f;
  --prose-h3-size: 1.25rem;
  --prose-h4-color: #162e48;
  --prose-h4-size: 1.1rem;
  --on-brand-accent: #ffffff;
  --donate-icon-display: inline-block;
  --bg-effect: none;
  --snow-color: #ffffff;
  --snow-density: 50;
  --snow-speed: 1;
  --snow-wind: 1;
  --firework-color-1: #ffd166;
  --firework-color-2: #ef476f;
  --firework-color-3: #ffffff;
  --firework-density: 8;
  --firework-speed: 1;
  --celebration-color-1: #ff6ec7;
  --celebration-color-2: #2ec4b6;
  --celebration-color-3: #ffe066;
  --celebration-density: 16;
  --celebration-speed: 1;
}

/*
 * Langham (Brand) theme — the Trust's own navy/blue identity, derived from
 * the brand spec's Langham Navy (#0F2A44) run through Google's Material
 * Design 3 colour system, not picked by eye. See
 * docs/development/brand-colours.md, section 7.1 ("Langham (Brand) — seed
 * #0F2A44") for the full tonal palette and role derivation this file's
 * values come from — --brand/--brand-light/--brand-dark are the M3 Primary
 * tonal palette at tones 40/60/20, --brand-accent is the M3 Tertiary role
 * (an algorithmically-derived plum, paired with white text per
 * --on-brand-accent below), and --surface/--surface-border/--surface-hover/
 * --ink-* are the matching Neutral/Neutral Variant tones — every value here
 * is read straight off that section's tables, not re-derived independently.
 *
 * IMPORTANT — read brand-colours.md §8 before uploading this as the live
 * default: M3 always anchors the `primary` role at tone 40 regardless of
 * how dark the seed itself is (Langham Navy sits at tone ~16), so --brand
 * below (#0061a3) is a noticeably brighter, more saturated blue than the
 * actual navy in the logo — not the same colour by eye. §6 of that doc has
 * the alternative that keeps the literal navy hex instead; this file
 * follows §7, the same M3-derived choice already made for
 * data/themes/spring.css, summer.css, autumn.css and winter.css, for
 * consistency across the set — but unlike those (seasonal accents), this
 * is the one that would become the *default* colour most visitors see, so
 * it's worth a deliberate look before enabling it, not just a glance.
 *
 * Only redefines the site's CSS custom properties (see
 * docs/development/page-theming.md, section 2) — it does not touch
 * component CSS directly, so it stays safe to upload as-is through the
 * admin console's Themes page (Admin > Themes > New theme > Theme CSS
 * file). Unlike the seasonal themes, there's no pre-seeded placeholder row
 * for this one (src/server/db/seedThemes.ts only seeds the seasonal set) —
 * create a new "brand" category theme in the admin console and upload this
 * file to it.
 */

:root {
  /* M3 Primary tonal palette (tone 40/60/20) for the #0F2A44 seed — used
     for primary buttons/links and the header logo. */
  
  
  

  /* M3 Tertiary role for the same seed, used for the donate button's
     background — an algorithmically-derived plum, not Acorn Bronze (see
     brand-colours.md §8's "§6 vs §7" open item). */
  

  /* M3 pairs Tertiary (tone 40) with white text (onTertiary, tone 100) —
     overrides the site default of --brand-dark, which assumes a lighter
     accent than this plum actually is. */
  

  /* M3 Neutral/Neutral Variant tones for the same seed — a faint
     blue-tinted white instead of flat grey, same idea as
     data/themes/christmas.css's evergreen-tinted borders/hover. */
  
  
  

  
  
  
}