/*
 * Brand tokens. The landing page and the signed-in dashboard both load this
 * file as /brand.css; neither keeps a palette of its own.
 * Mostly white with neutral grays; ube purple is the one accent, kept to buttons,
 * links, the logo mark and small highlights. Never fill a page or section with it.
 *
 * Text pairs that pass WCAG AA (4.5:1 or better):
 *   ink, muted, primary, success, warning, danger on bg or surface
 *   primary-ink on primary; ink on accent; surface, bg or accent on ink
 *   surface, accent, deep-muted or highlight on deep; ink or primary on highlight
 * Deep is dark ube for one feature band per page, never a whole page or the
 * page background. Highlight is custard yellow, from ube leche flan. It marks
 * the customer's own product and the changes made for them, never our buttons
 * or links. Never set highlight text on bg or surface.
 * Accent is a pale ube fill (highlights, question bubbles, badges). Never set
 * accent text on bg or surface. Line is for dividers, card edges and soft
 * shadows; give form-control borders --brand-muted so they keep 3:1 against
 * their background.
 *
 * Chart series take chart-1, -2, -3 and -4 in that order and never cycle. Each
 * keeps 3:1 against surface; the first three stay apart for protan and deutan
 * vision in any pairing. Chart-4 sits close to chart-1 for those readers, so a
 * fourth series needs direct labels. Status colors are not series colors.
 * Values and labels stay in ink or muted, never a series color.
 *
 * Fonts are self-hosted under the SIL Open Font License 1.1. This file only
 * names the families; the app that loads them declares @font-face.
 * IBM Plex has the Reserved Font Name "Plex": serve IBM's own WOFF2 files,
 * including IBM's split subsets, rather than re-subsetting them.
 */
:root {
  --brand-bg: #fafafa;
  --brand-surface: #ffffff;
  --brand-ink: #1c1c1f;
  --brand-muted: #5d5d66;
  --brand-line: #e4e4e7;
  --brand-primary: #7a36ad;
  --brand-primary-ink: #ffffff;
  --brand-accent: #eee3fb;
  --brand-deep: #2a1240;
  --brand-deep-muted: #cdb7e8;
  --brand-highlight: #ffd25e;
  --brand-success: #1e7a43;
  --brand-warning: #8f5200;
  --brand-danger: #b3261e;
  --brand-chart-1: var(--brand-primary);
  --brand-chart-2: #0d8a7a;
  --brand-chart-3: #d0661a;
  --brand-chart-4: #3b6fd1;
  --brand-font-display: "Bricolage Grotesque", "IBM Plex Sans", system-ui, sans-serif;
  --brand-font-body: "IBM Plex Sans", "IBM Plex Sans Arabic", "IBM Plex Sans Hebrew", system-ui, -apple-system, "Segoe UI", sans-serif;
  --brand-font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --brand-radius: 12px;
}