/* ============================================================
   Community Catalysts — Color Tokens
   Palette sampled directly from the official logo artwork.
   The brand is built on four "catalyst" hues — gold, rose,
   purple — anchored by a deep teal-blue used for headlines.
   ============================================================ */

:root {
  /* ---- Brand core (raw scales) ---- */

  /* Teal-blue — the anchor. Wordmark "COMMUNITY", headings, ink. */
  --teal-900: #14313f;
  --teal-800: #1c4356;
  --teal-700: #285d7b; /* primary brand teal (sampled) */
  --teal-600: #316f90;
  --teal-500: #4587a8;
  --teal-300: #8db6cb;
  --teal-100: #d3e3eb;
  --teal-50:  #eef4f7;

  /* Rose / magenta — the catalyst accent. "CATALYSTS", CTAs. */
  --rose-900: #8e0a34;
  --rose-700: #c11049;
  --rose-600: #f6185a; /* primary brand rose (sampled) */
  --rose-500: #fa3f76;
  --rose-300: #fb87a8;
  --rose-100: #fdd5e1;
  --rose-50:  #fff0f4;

  /* Gold — warmth, optimism, hospitality (Bethel/food/home). */
  --gold-700: #c78a00;
  --gold-600: #ffb302; /* primary brand gold (sampled) */
  --gold-400: #ffca4d;
  --gold-200: #ffe6ac;
  --gold-50:  #fff8e8;

  /* Purple — partnership, dignity, the third figure. */
  --purple-700: #5d4f96;
  --purple-600: #8b7dc4; /* primary brand purple (sampled) */
  --purple-400: #a89ed6;
  --purple-200: #d6d0ec;
  --purple-50:  #f3f1fa;

  /* ---- Neutrals (warm-cool gray ramp tuned to the teal ink) ---- */
  --white:    #ffffff;
  --gray-50:  #f7f9fa;
  --gray-100: #eef1f3;
  --gray-200: #dfe4e8;
  --gray-300: #c5ced4;
  --gray-400: #9aa6ae;
  --gray-500: #6c7a83;
  --gray-600: #4d5b64;
  --gray-700: #36434b;
  --gray-900: #1a2429;
  --black:    #10181c;

  /* ============================================================
     Semantic aliases — author UI against THESE, not raw scales.
     ============================================================ */

  /* Brand */
  --brand-primary:        var(--teal-700);
  --brand-primary-strong: var(--teal-800);
  --brand-accent:         var(--rose-600);
  --brand-accent-strong:  var(--rose-700);
  --brand-gold:           var(--gold-600);
  --brand-purple:         var(--purple-600);

  /* Text */
  --text-strong:   var(--teal-900);
  --text-heading:  var(--teal-700);
  --text-body:     var(--gray-700);
  --text-muted:    var(--gray-500);
  --text-on-brand: var(--white);
  --text-link:     var(--rose-600);

  /* Surfaces */
  --surface-page:    var(--gray-50);
  --surface-card:    var(--white);
  --surface-sunken:  var(--gray-100);
  --surface-brand:   var(--teal-700);
  --surface-brand-deep: var(--teal-900);
  --surface-accent-soft: var(--rose-50);
  --surface-gold-soft:   var(--gold-50);
  --surface-purple-soft: var(--purple-50);

  /* Borders & lines */
  --border-subtle: var(--gray-200);
  --border-default: var(--gray-300);
  --border-strong: var(--gray-400);
  --border-brand:  var(--teal-700);

  /* Feedback */
  --success: #1f8a5b;
  --success-soft: #e4f4ec;
  --warning: var(--gold-700);
  --warning-soft: var(--gold-50);
  --danger:  var(--rose-700);
  --danger-soft: var(--rose-50);
  --info:    var(--teal-600);
  --info-soft: var(--teal-50);

  /* Focus ring */
  --focus-ring: var(--rose-500);
}