/*
 * ═══════════════════════════════════════════════════════════════
 *  MPS THEME CONFIGURATION
 *  ─────────────────────────────────────────────────────────────
 *  This is the ONLY file you need to edit to change the look of
 *  the entire website.  All other CSS files consume these tokens.
 *
 *  HOW TO SWITCH THEMES
 *  ────────────────────
 *  1. Uncomment the theme block you want (or create your own).
 *  2. Comment out the currently-active block.
 *  3. Save — done.  No other file needs touching.
 * ═══════════════════════════════════════════════════════════════
 */

/* ──────────────────────────────────────────────────────────────
   THEME A — Medical Red  (currently ACTIVE)
   The international standard red used by WHO, ICRC, and major
   medical societies worldwide.  Paired with warm white & gold.
────────────────────────────────────────────────────────────── */
:root {
  /* Primary palette */
  --primary:        #B91C1C;   /* deep medical red                  */
  --primary-light:  #DC2626;   /* slightly lighter red for gradients */
  --primary-pale:   #FEF2F2;   /* very light blush background tint  */

  /* Accent palette */
  --accent:         #C9A84C;   /* warm gold — unchanged across themes */
  --accent-light:   #F5E8C4;

  /* Neutral palette */
  --dark:           #1C1010;   /* near-black with a warm red undertone */
  --mid:            #6B4040;   /* muted warm-brown for body text       */
  --soft:           #FDF7F7;   /* off-white page background tint       */
  --white:          #FFFFFF;

  /* Derived tokens (do not change — computed from above) */
  --border:         rgba(185,28,28,0.15);
  --shadow-color:   rgba(185,28,28,0.10);

  /* Typography */
  --font-head:      'Playfair Display', serif;
  --font-body:      'DM Sans', sans-serif;

  /* Shape */
  --radius:         12px;
  --radius-lg:      20px;
  --radius-pill:    999px;
}


/* ──────────────────────────────────────────────────────────────
   THEME B — Forest Green  (INACTIVE — uncomment to use)
────────────────────────────────────────────────────────────── */
/*
:root {
  --primary:        #1B6B45;
  --primary-light:  #2E8B57;
  --primary-pale:   #EAF5EE;
  --accent:         #C9A84C;
  --accent-light:   #F5E8C4;
  --dark:           #1A2A22;
  --mid:            #4A6358;
  --soft:           #F7FAF8;
  --white:          #FFFFFF;
  --border:         rgba(27,107,69,0.15);
  --shadow-color:   rgba(27,107,69,0.10);
  --font-head:      'Playfair Display', serif;
  --font-body:      'DM Sans', sans-serif;
  --radius:         12px;
  --radius-lg:      20px;
  --radius-pill:    999px;
}
*/


/* ──────────────────────────────────────────────────────────────
   THEME C — Royal Navy  (INACTIVE — uncomment to use)
────────────────────────────────────────────────────────────── */
/*
:root {
  --primary:        #1E3A5F;
  --primary-light:  #2E5299;
  --primary-pale:   #EEF3FB;
  --accent:         #C9A84C;
  --accent-light:   #F5E8C4;
  --dark:           #0F1E33;
  --mid:            #3D5A80;
  --soft:           #F5F8FC;
  --white:          #FFFFFF;
  --border:         rgba(30,58,95,0.15);
  --shadow-color:   rgba(30,58,95,0.10);
  --font-head:      'Playfair Display', serif;
  --font-body:      'DM Sans', sans-serif;
  --radius:         12px;
  --radius-lg:      20px;
  --radius-pill:    999px;
}
*/