/* GrantsTheory brand palette — single source of truth.
 *
 * These values are lifted from the public landing page (templates/index.html),
 * which is the brand reference. Before this file existed the landing page was
 * the ONLY surface using them: every signed-in page had its own inline :root
 * built around a teal accent (#0E7C7B), so the product looked like a different
 * company once you logged in.
 *
 * Everything here is namespaced --gt-*. Pages keep their own variable names
 * (--teal, --page-bg, --surface, ...) and simply MAP them onto these, e.g.
 *
 *     :root { --teal: var(--gt-accent); --page-bg: var(--gt-page-bg); }
 *
 * That way the hundreds of existing `var(--teal)` rules keep working untouched
 * and there is still exactly one place to change a colour.
 *
 * SCOPE: linked by individual-account pages only. The institution RFP side
 * (templates/rfp/*) deliberately still runs the teal palette — shared partials
 * therefore reference colours as var(--teal, #0E7C7B) so they inherit whichever
 * theme the including page defines.
 */

:root {
  /* core brand */
  --gt-navy: #142850;
  --gt-navy-hover: #0F1E3A;
  --gt-navy-2: #1B5299;
  --gt-blue: #1B5299;
  --gt-blue-hover: #16407A;
  --gt-sky: #4C9BE8;
  --gt-sky-light: #DCEBFA;

  /* accent — coral. This is what replaces the old teal. */
  --gt-accent: #D4836F;
  --gt-accent-hover: #BC6E5A;
  --gt-accent-soft: #E8A48F;
  --gt-accent-light: #F4DCD3;
  --gt-accent-tint: #FAEDE7;

  /* surfaces & text */
  --gt-page-bg: #F7F3F0;
  --gt-page-bg-soft: #FBF8F5;
  --gt-card: #FFFFFF;
  --gt-heading: #142850;
  --gt-body: #5A6478;
  --gt-border: #E4D9D2;
  --gt-on-dark: #F7F4EF;
  --gt-on-dark-soft: #C8D3DE;

  /* Accent tints used by the SHARED chrome (_site_header.html, legal_popups).
     Those partials are included by the institution RFP pages too, so they
     reference these as var(--gt-tint-08, <teal fallback>): individual pages
     link this file and get coral, institution pages don't and stay teal. */
  --gt-tint-08: rgba(212, 131, 111, 0.08);
  --gt-tint-14: rgba(212, 131, 111, 0.14);
  --gt-tint-18: rgba(212, 131, 111, 0.18);

  /* semantic — also drives the match traffic light */
  --gt-success: #2D9F6F;
  --gt-warning: #E0A838;
  --gt-error: #D95050;

  /* Match strength: green = direct hit on the grant's own focus areas,
     amber = synonym, red = adjacent field only. Absolute, not relative —
     see gt_app/rfp/services/profile_match.py::strength_band

     These are MATTE, not the saturated semantic colours above. A grant list is
     a dense wall of small dots; full-strength red/green there reads as an alert
     state and fights the page. Desaturated tones still separate cleanly at 7px
     while sitting quietly in the layout. The saturated --gt-success/warning/
     error remain for genuine status messaging, where shouting is the point. */
  --gt-match-strong: #6FA98C;
  --gt-match-medium: #D2B06B;
  --gt-match-weak: #C98B84;
}