/* ==========================================================================
   SMWF Design Tokens (Global)
   Palette: 
     Primary (Donate)   #C74B1C  (Burnt Sienna)
     Secondary          #DAA520  (Golden Clay)
     Neutral            #EDC9AF  (Desert Sand)
     Dark Base          #2B1B17  (Ebony/Brownish)
     Accent             #7C8A4D  (Warm Sage)
   ========================================================================== */

:root {
  /* Surfaces & text */
  --smwf-bg: #EDC9AF1a;
  /* light Desert Sand tint for app/page bg */
  --smwf-surface: #ffffff;
  /* cards/sections */
  --smwf-ink: #2B1B17;
  /* primary text */
  --smwf-ink-soft: #2B1B17CC;
  /* muted text */

  /* Brand */
  --smwf-dark: #2B1B17;
  /* dark base */
  --smwf-donate: #C74B1C;
  /* primary CTA (Donate) */
  --smwf-accent: #7C8A4D;
  /* accent (Explore/Partner) */
  --smwf-secondary: #DAA520;
  /* highlight / focus color */
  --smwf-neutral: #EDC9AF;
  /* base neutral tone */

  /* UI bits */
  --smwf-pill: #EDC9AF3d;
  /* soft pill background */
  --smwf-ring: rgba(218, 165, 32, .35);
  /* focus ring (Golden Clay) */
  --smwf-shadow: 0 4px 20px rgba(0, 0, 0, .06);
  --smwf-radius: 16px;
  --smwf-gap: 20px;

  /* Optional semantic buttons (for convenience) */
  --smwf-btn-primary-bg: var(--smwf-donate);
  --smwf-btn-primary-fg: #ffffff;
  --smwf-btn-accent-bg: var(--smwf-accent);
  --smwf-btn-accent-fg: #ffffff;
  --smwf-btn-ghost-bg: #ffffff;
  --smwf-btn-ghost-fg: var(--smwf-dark);

  /* ---------- Compatibility (legacy teal scheme) ----------
     Keep these ONLY if some older blocks still reference them.
     They now fall back to the new brand tokens.
  --------------------------------------------------------- */
  --smwf-accent-legacy: var(--smwf-accent, #7C8A4D);
  /* was #169e83 */
  --smwf-donate-legacy: var(--smwf-donate, #C74B1C);
  /* was #e47a27 */
  --smwf-pill-legacy: var(--smwf-pill, #EDC9AF3d);
  /* was #eaf6f3 */
  --smwf-ring-legacy: var(--smwf-ring, rgba(218, 165, 32, .35));
  /* was rgba(22,158,131,.25) */
}

/* Optional: dark mode token tweaks (enable if/when you add a dark theme toggle)
[data-theme="dark"] {
  --smwf-bg: #1b1714;
  --smwf-surface: #231d19;
  --smwf-ink: #f6f3f1;
  --smwf-ink-soft: #f6f3f1cc;
  --smwf-pill: #2b241f;
  --smwf-shadow: 0 8px 28px rgba(0,0,0,.35);
}