/* Product theme — design tokens (the root theme). Source of truth: design-system/README.md.
   Copy this file as-is and never edit it in a project. Colleges override only the BRAND block
   with a theme-overrides.css made in editor.html. */
:root {
  /* BRAND (white-label apps may override these per institution) */
  --brand: #1f3a5f;          /* navy: title bar, primary buttons, card top rules, links */
  --brand-rgb: 31 58 95;
  --brand-dark: #172c48;     /* headings, hover */
  --brand-dark-rgb: 23 44 72;
  --accent: #c9a54a;         /* gold: rule under the title bar, "important" marks — never for text */
  --accent-rgb: 201 165 74;
  --accent-soft: #f6efdc;
  --on-brand-muted: #c9d3e0; /* secondary text on the navy bar */

  /* NEUTRALS */
  --text: #1d2733;
  --muted: #5b6776;
  --rule: #d0d6de;           /* every border and section rule */
  --rule-light: #eceff3;
  --surface: #ffffff;        /* cards, tables, forms */
  --panel: #f2f4f7;          /* secondary background, selected tab, file inputs */
  --page: #f6f7f9;           /* page background */
  --table-head: #e8ecf2;

  /* STATUS */
  --ok: #2f6b3a;      --ok-soft: #e5f0e7;
  --danger: #a3302a;  --danger-soft: #f8e6e4;
  --warn: #7a5b12;    --warn-soft: #f6efdc;

  /* TYPE */
  --font-heading: Georgia, "Times New Roman", serif;
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  /* SHAPE */
  --radius: 3px;
  --bar-height: 64px;
  --content-width: 1000px;
}