/* Behalf brand tokens. Source of truth for colour and type on every Behalf
   surface: landing, sign-in, dashboard, emails, docs. Light only; Behalf has
   no dark theme. See README.md (rules) and guidelines.html (the page). */

:root {
  color-scheme: light;

  /* Surfaces */
  --paper: #f3eee5;        /* page background */
  --slip: #fffdf8;         /* cards, panels, fields, dialogs */
  --under: #f7f1e6;        /* alternate rows, inset wells */

  /* Ink */
  --ink: #1d1b18;          /* headings, primary text, primary button */
  --ink-hover: #34302a;    /* primary button hover */
  --ink-2: #4b463e;        /* body and small secondary text (8.1:1 on paper) */
  --muted: #8a8276;        /* large text and labels only (3.3:1 on paper) */
  --faint: #b5ad9f;        /* signature lines, disabled borders; never text */
  --rule: #e6dfd2;         /* hairlines and borders */
  --rule-strong: #d6cdbd;  /* field borders, focused dividers */

  /* Pen blue: the only accent */
  --pen: #2a3f8f;          /* links, accept/confirm, focus ring, ticks, done */
  --pen-hover: #22357a;
  --pen-soft: rgba(42, 63, 143, 0.08);  /* selected row, active nav */
  --on-pen: #ffffff;       /* text on pen (9.5:1) */

  /* Status. Words first; colour only supports them. */
  --live: #b4532a;         /* in progress, on a call (on slip for small text) */
  --warn: #8a5a10;         /* needs attention */
  --error: #a3321f;        /* failed, blocked */
  --done: var(--pen);      /* done is a pen tick, never green */

  /* Sticky-note tints: illustration only, never UI state */
  --tint-lemon: #f5e6a3;
  --tint-rose: #f2cfc5;
  --tint-sky: #cfdcef;
  --tint-sage: #d3e3cf;

  /* Hover wash on paper or slip */
  --wash: rgba(29, 27, 24, 0.04);

  /* Shape and depth */
  --radius-card: 4px;
  --radius-field: 8px;
  --radius-pill: 999px;
  --shadow-card: 0 1px 1px rgba(60, 45, 20, 0.05), 0 10px 24px -14px rgba(60, 45, 20, 0.22);

  /* Type (Google Fonts) */
  --font-display: "Instrument Serif", Georgia, serif;       /* wordmark, headlines */
  --font-ui: "Inter", system-ui, sans-serif;                 /* everything else */
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;     /* labels, times, codes */
  --font-hand: "Caveat", cursive;                            /* margin notes, sparingly */
  --font-signature: "Mrs Saint Delafield", cursive;          /* the signature only */
}