/* ------------------------------------------------------------------
   COLORS — Care and Health Program
   Palette derived from the CHP logo & the Cameroonian flag:
   Vert (green), Rouge (red), Or (gold), warmed and extended for a
   professional humanitarian identity. Warm-tinted neutrals throughout.
------------------------------------------------------------------ */
:root {
  /* --- Green (Vert) : primary brand, growth, health, life --- */
  --green-50:  #f1faf5;
  --green-100: #e0f3e9;
  --green-200: #bce4cf;
  --green-300: #86cfa6;
  --green-400: #4bb27f;
  --green-500: #23935c;
  --green-600: #1a7a4c; /* PRIMARY */
  --green-700: #14663f;
  --green-800: #0f4d31;
  --green-900: #0b3b26;
  --green-950: #062416;

  /* --- Red (Rouge) : secondary, urgency, care, the AIDS ribbon --- */
  --red-50:  #fde6e9;
  --red-100: #fbd2d8;
  --red-200: #f6aab5;
  --red-300: #ef8090;
  --red-400: #e35266;
  --red-500: #d02b41;
  --red-600: #c81428; /* SECONDARY — Cameroon red */
  --red-700: #a30f1f;
  --red-800: #7c0b18;
  --red-900: #5c0a12;

  /* --- Gold (Or) : accent, the flag star, optimism & highlight --- */
  --gold-50:  #fef7e3;
  --gold-100: #fdecbf;
  --gold-200: #fbd985;
  --gold-300: #f8c94e;
  --gold-400: #f4b52b;
  --gold-500: #eaa413; /* ACCENT */
  --gold-600: #cc880c;
  --gold-700: #a06b0d;
  --gold-800: #7a5210;

  /* --- Warm neutrals (Sable / Ink) : sand-tinted greys --- */
  --white:    #ffffff;
  --sand-50:  #faf7f2; /* page background — warm cream */
  --sand-100: #f4f0ea;
  --ink-100:  #ece7df;
  --ink-200:  #e0d9cf;
  --ink-300:  #cbc1b4;
  --ink-400:  #a89d8e;
  --ink-500:  #857a6c;
  --ink-600:  #675e52;
  --ink-700:  #4c453c;
  --ink-800:  #342f28;
  --ink-900:  #221e19;
  --ink-950:  #17140f;

  /* --- Blue (info) : partner/clinical accents only --- */
  --blue-100: #e2eef2;
  --blue-500: #2b7f9c;
  --blue-700: #1c5c72;

  /* ================= SEMANTIC ALIASES ================= */
  /* Surfaces */
  --surface-page:     var(--sand-50);
  --surface-card:     var(--white);
  --surface-muted:    var(--sand-100);
  --surface-sunken:   var(--ink-100);
  --surface-inverse:  var(--green-900);
  --surface-brand:    var(--green-600);
  --surface-brand-strong: var(--green-700);
  --surface-accent:   var(--gold-100);

  /* Text */
  --text-strong:   var(--ink-950);
  --text-body:     var(--ink-800);
  --text-muted:    var(--ink-600);
  --text-faint:    var(--ink-500);
  --text-inverse:  var(--sand-50);
  --text-brand:    var(--green-700);
  --text-on-brand: var(--white);
  --text-link:     var(--green-700);
  --text-link-hover: var(--green-800);

  /* Borders */
  --border-subtle: var(--ink-200);
  --border-default:var(--ink-300);
  --border-strong: var(--ink-400);
  --border-brand:  var(--green-600);

  /* Brand roles */
  --brand-primary:        var(--green-600);
  --brand-primary-hover:  var(--green-700);
  --brand-primary-active: var(--green-800);
  --brand-secondary:      var(--red-600);
  --brand-secondary-hover:var(--red-700);
  --brand-accent:         var(--gold-500);

  /* Feedback */
  --success:    var(--green-600);
  --success-bg: var(--green-50);
  --danger:     var(--red-600);
  --danger-bg:  var(--red-50);
  --warning:    var(--gold-500);
  --warning-bg: var(--gold-50);
  --info:       var(--blue-500);
  --info-bg:    var(--blue-100);

  /* Focus ring */
  --focus-ring: var(--gold-400);
}