/* FALLAAR — canonical design tokens.
 *
 * This file is the SINGLE SOURCE OF TRUTH for Fallaar's colours, type, shape
 * and elevation, and since 22 Sep 2026 (HANDOFF §5.B32) that sentence is true:
 * every one of the seven app screens loads it. The server serves a
 * byte-identical copy as apps/api/public/fallaar-tokens.css (screens.test.ts
 * I-33 holds the two together), each screen links it before its own <style>,
 * and each screen's :root only gives these values the short local names its CSS
 * already used — `--text: var(--fallaar-ink)` — without a single literal colour
 * of its own (I-34). Both Android apps carry the same file inside the APK.
 *
 * So a colour is changed HERE, once, and every screen follows. It is never
 * changed on a screen: a screen that declares a brand colour of its own fails
 * the gate.
 *
 * History. Reconciled from the shipping surfaces on 2026-09-03 and adopted by
 * no screen for nineteen days, during which it drifted from them: it still named
 * Readex Pro after every screen had moved to Urbanist (12 Sep), and its muted ink
 * was the #838A98 that round 2 measured below AA and every screen had already
 * darkened to #5F6774 (R2-UI-04). Both are corrected below. The customer app's
 * neutral greys (#0b0b0b, #f3f3f3, #ececec) were folded into the one scale here
 * on the same day — the differences were a few points of blue in the grey.
 *
 * Hex is authoritative. Never introduce a colour that is not in this file
 * without adding it here first, and to tokens.json beside it.
 */

:root {
  /* ---- Brand: Fallaar Blue (primary) ---------------------------------- */
  --fallaar-blue-50:  #EAF2FC; /* selected rows, quiet fills                  */
  --fallaar-blue-100: #D9E8FA; /* tints behind blue text, map water           */
  --fallaar-blue-500: #4189DD;
  --fallaar-blue:     #2F72C4; /* PRIMARY — logo, primary buttons, links      */
  --fallaar-blue-700: #245C9F; /* hover / pressed                              */
  --fallaar-blue-800: #1D497E; /* deep accents on dark                         */
  --fallaar-on-blue:  #FFFFFF; /* text and icons on a blue fill                */

  /* ---- Brand: Fallaar Gold (accent) ----------------------------------- */
  --fallaar-gold-50:  #FFF4DE; /* quiet gold fill (offers, "now")             */
  --fallaar-gold-400: #F4B740;
  --fallaar-gold:     #EDA51F; /* "now" and highlights — sparing; not in the logo */
  --fallaar-gold-ink: #8A5F10; /* text on gold-50; gold that must be READ      */

  /* ---- Ink (text) ----------------------------------------------------- */
  --fallaar-ink:      #0E1116; /* primary text                                 */
  --fallaar-ink-2:    #5B6371; /* secondary text                               */
  --fallaar-ink-3:    #5F6774; /* muted / captions — AA on white (R2-UI-04)    */

  /* ---- Ground (backgrounds & lines) ----------------------------------- */
  --fallaar-chalk:     #F6F7FB; /* page background                             */
  --fallaar-surface:   #FFFFFF; /* cards, panels                              */
  --fallaar-surface-2: #F1F3F7; /* insets, table stripes, quiet buttons       */
  --fallaar-surface-3: #E8EBF1; /* pressed insets                             */
  --fallaar-border:    #E6E9F0; /* hairlines                                  */
  --fallaar-grid:      #D9E0EC; /* map / grid lines                           */

  /* ---- Semantic (status) ---------------------------------------------- */
  /* Green is a STATE — delivered, paid, in balance — never a button that has
     not happened yet. The brand leads with blue; an action is blue. */
  --fallaar-success:   #12885A; /* delivered, paid, in-balance                */
  --fallaar-warning:   #E0952A; /* attention, latency, preparing              */
  --fallaar-danger:    #D1435B; /* refusal, shortfall, destructive (fills)    */
  --fallaar-danger-ink:#B3261E; /* danger that must be READ on white          */
  --fallaar-danger-50: #FDECEA; /* quiet danger fill                          */

  /* ---- Secondary (ops job categories only) ---------------------------- */
  --fallaar-teal:    #0F9D8C; /* freight/errand accents on the ops board      */
  --fallaar-purple:  #7A5BD6; /* ride accents on the ops board                */

  /* ---- On the blue (Blue Hour, 25 Sep 2026) -------------------------- */
  /* The staff app's header is solid Fallaar Blue with white on it. These are
     the see-through whites laid over that blue (a count tile, a status pill),
     the red one for "no signal", and the chalk that fades out above a dock. */
  --fallaar-glass:        rgba(255, 255, 255, .16);
  --fallaar-glass-danger: rgba(209, 67, 91, .32);
  --fallaar-chalk-clear:  rgba(246, 247, 251, 0);

  /* ---- Shelves (the customer app's shop kinds, 26 Sep 2026) ---------- */
  /* The quiet fills behind each shelf's circle on Home. Never a button, never
     green; the shops' own logos carry their own colours. */
  --fallaar-shelf-coffee:   #FBEEDD;
  --fallaar-shelf-food:     #FDEBE4;
  --fallaar-shelf-grocery:  #FFF1DE;
  --fallaar-shelf-pharmacy: #FCE7EF;
  --fallaar-label-on-photo: rgba(255, 255, 255, .94); /* a small label laid on a photograph */

  /* ---- Type ----------------------------------------------------------- */
  /* Urbanist is the ONE brand typeface (since 12 Sep 2026), weights 400–800.
     The web screens load it from Google Fonts with display=swap; both Android
     apps carry it inside the APK (@fontsource-variable/urbanist). */
  --fallaar-font: 'Urbanist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, system-ui, sans-serif;
  --fallaar-font-mono: ui-monospace, 'SF Mono', SFMono-Regular, Menlo, Consolas, monospace; /* codes/numbers only */

  /* ---- Shape ---------------------------------------------------------- */
  --fallaar-radius:      10px;  /* inputs, small buttons                      */
  --fallaar-radius-lg:   14px;  /* cards, sheets, primary buttons             */
  --fallaar-radius-pill: 999px; /* chips, status pills                        */

  /* ---- Elevation ------------------------------------------------------ */
  --fallaar-shadow-soft: 0 8px 26px -18px rgba(14, 17, 22, .24); /* resting card */
  --fallaar-shadow:      0 10px 24px -8px rgba(16, 24, 40, .14); /* raised card, sheet */
  --fallaar-shadow-action: 0 12px 26px -14px rgba(29, 73, 126, .9); /* the one action bar */
  --fallaar-shadow-offer:  0 14px 30px -18px rgba(237, 165, 31, .9); /* a run offered, gold */
  --fallaar-shadow-bar:    0 -10px 26px rgba(14, 17, 22, .06);      /* a bar fixed to the bottom */
}