/* ============================================================================
   Pure Love in Giving — brand layer on top of the Lowkey design system.
   Recolours the kit to a warm, hopeful humanitarian palette (deep teal-green
   + warm gold on cream) by overriding the design tokens, then adds a few
   charity-specific components (impact counters, progress bars, donation grid).
   ==========================================================================*/
/* Palette derived from the Pure Love in Giving logo:
   blue #1F7BC0 · red #D61F26 · green #1E9346 · gold/orange #F1922B */
:root{
  --navy:#134a75;        /* deep brand blue (from the logo blue) — primary */
  --navy-deep:#0e3a5e;   /* darker blue for hovers */
  --cream:#f5f1e8;       /* page background */
  --sand:#e9e2d3;        /* alt section background */
  --gold:#f1922b;        /* logo gold/orange — accent / CTA */
  --gold-soft:#f6ac5b;   /* accent hover */
  --ink:#22323b;         /* body text */
  --muted:#6b7a82;       /* secondary text */

  /* Full logo palette — used for multicolour accents (icons, tiles) */
  --brand-red:#d61f26;
  --brand-blue:#1f7bc0;
  --brand-green:#1e9346;
  --brand-gold:#f1922b;
}

/* Hero overlay tuned to the deep-blue primary */
.hero__overlay{background:linear-gradient(90deg,rgba(14,58,94,.86),rgba(14,58,94,.32) 60%,rgba(14,58,94,.6))}

/* Multicolour icon chips echoing the four logo colours */
.icon-chip.c-red{background:rgba(214,31,38,.12);color:var(--brand-red)}
.icon-chip.c-blue{background:rgba(31,123,192,.12);color:var(--brand-blue)}
.icon-chip.c-green{background:rgba(30,147,70,.12);color:var(--brand-green)}
.icon-chip.c-gold{background:rgba(241,146,43,.14);color:var(--brand-gold)}

/* Logo image sizing in the nav / footer / loader */
.brand-logo{height:44px;width:auto;display:block}
.footer-logo{height:52px;width:auto}
#lk-loader .mark img{height:60px;width:auto}

/* Section framing helper */
.section{padding:4.5rem 0}
.lead-narrow{max-width:640px}

/* Impact / stat counters */
.stat-num{font-family:"Cormorant Garamond",serif;font-weight:700;color:var(--gold);font-size:clamp(2.2rem,4vw,3rem);line-height:1}
.stat-label{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}

/* Program / feature icon chip */
.icon-chip{width:56px;height:56px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  background:rgba(18,81,63,.08);color:var(--navy);font-size:1.4rem}
.icon-chip.gold{background:rgba(210,154,47,.14);color:var(--gold)}

/* Donation / campaign progress bar */
.progress-track{height:12px;background:#e2d8c5;border-radius:20px;overflow:hidden}
.progress-track span{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-soft));border-radius:20px}

/* Suggested giving grid buttons */
.give-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}
.give-opt{border:1px solid #d7cbb4;background:#fff;border-radius:6px;padding:1rem;text-align:center;cursor:pointer;transition:.2s}
.give-opt:hover,.give-opt.active{border-color:var(--gold);box-shadow:0 0 0 3px rgba(210,154,47,.18)}
.give-opt .amt{font-family:"Cormorant Garamond",serif;font-size:1.6rem;font-weight:700;color:var(--navy)}

/* Value / feature tiles */
.value-tile{background:#fff;border:1px solid #e7dfce;border-radius:8px;padding:1.5rem;height:100%}

/* Simple footer link list */
.footer-links a{color:#cfe0d8;text-decoration:none;font-size:.9rem;display:block;padding:.2rem 0}
.footer-links a:hover{color:var(--gold)}

/* Team / staff card */
.team-card{background:#fff;border:1px solid #e7dfce;border-radius:8px;overflow:hidden;height:100%}
.team-card .photo{aspect-ratio:1/1;object-fit:cover;width:100%;background:var(--navy)}

/* Messages / alerts spacing */
.lk-alert{border-radius:6px;padding:.9rem 1.1rem;margin-bottom:1rem;font-size:.92rem}
.lk-alert.success{background:#e4f0e8;border:1px solid #b7d8c3;color:#1c5137}
.lk-alert.error{background:#f7e2e0;border:1px solid #e2b6b1;color:#7a2a22}

/* Language switcher */
.lang-switch a{font-size:.78rem;letter-spacing:.08em;color:#cfe0d8;text-decoration:none;padding:0 .3rem}
.lang-switch a.active{color:var(--gold);font-weight:600}

/* Make the floating button WhatsApp-green regardless of brand green */
.wa-float{background:#25d366}
.wa-float::before{background:#25d366}

/* Page header band for interior pages */
.page-head{background:var(--navy);color:#fff;padding:3.5rem 0 3rem}
.page-head .crumb{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-soft)}