/*
 * SD Data Collaborative — brand overlay.
 *
 * Source of truth for "South Dakota Data Collaborative — Classroom to
 * Career Connections" branding. Composed into the runtime slot at
 * src/Stars.Companion.Web/wwwroot/branding/sd-data-collab/brand.css by
 * scripts/apply-brand.ps1.
 *
 * Brand kit colors (Pantone references in parentheses):
 *   #532A45 — deep aubergine / plum  (Pantone 5115 C) — primary chrome
 *   #3C4F6B — slate navy             (Pantone 7545 C) — secondary / link
 *   #3DB3E3 — sky / cyan             (Pantone 298 C)  — accent
 *   #802629 — brick red              (Pantone 1815 C) — warning / destructive
 *
 * Typography: Calibri + a metrics-compatible fallback (Carlito on
 * non-Windows). Civic-ledger's serif heading falls back to a similar
 * geometric stack so a missing font on Linux doesn't blow out vertical
 * rhythm.
 *
 * Overrides token-level only. Structural selectors stay in stars.css.
 */

:root {
  /* Plum ramp — anchored at the brand color at the 800 step so the
     sidebar (900) and topbar (950) read as deep plum chrome while the
     primary-button (800) IS the brand color users will recognize. */
  --_navy-950: #1a0810;
  --_navy-900: #2e1322;
  --_navy-800: #532a45; /* brand anchor */
  --_navy-700: #6a3a59;
  --_navy-600: #7e4a6c;
  --_navy-500: #91587e;
  --_navy-400: #aa7898;
  --_navy-300: #c5a0b6;
  --_navy-200: #ddc3d2;
  --_navy-100: #efdfe8;
  --_navy-50:  #f9f0f4;

  /* Cyan ramp — anchored at the brand color at the 400 step (matches
     where civic-ledger reads the accent: --color-accent maps to gold-400).
     The brand cyan becomes the left-bar label tint, focus halos, and
     accent flourishes. */
  --_gold-700: #0d567a;
  --_gold-600: #146a96;
  --_gold-500: #1c84b3;
  --_gold-400: #3db3e3; /* brand anchor */
  --_gold-300: #6dc4ea;
  --_gold-200: #a4dbf1;
  --_gold-100: #d0ecf8;
  --_gold-50:  #ecf6fc;

  /* Slate — used for link text so the deep slate from the kit reads
     against light surfaces without competing with the plum chrome. */
  --color-text-link:       #3c4f6b;
  --color-text-link-hover: #2c3a4f;

  /* Brick — bias the red ramp toward the kit's brick rather than the
     default warm red, so warning / destructive states sit in the same
     color family as the rest of the brand. */
  --_red-700: #5d1c1e;
  --_red-600: #6f2225;
  --_red-500: #802629;
  --_red-100: #f3d6d7;
  --_red-50:  #faecec;

  /* Typography — Calibri (Microsoft-licensed, common on Windows clients);
     Carlito (metrics-compatible open-source clone for Linux); Segoe UI
     and system-ui as additional fallbacks. Heading stack keeps the same
     family so the wordmark and page headings read as one voice rather
     than the civic-ledger Georgia serif. */
  --font-body:    Calibri, Carlito, "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-heading: Calibri, Carlito, "Segoe UI", system-ui, -apple-system, sans-serif;
}