/* The product's colour, stated once.
 *
 * Involets opens on the Mist wallpaper, and the desk derives its whole accent
 * family from whatever wallpaper is on — so inside the app the blue below is
 * simply what the default wallpaper produces, and choosing another wallpaper
 * replaces it. That behaviour is untouched: the desk sets these same
 * custom properties on its own root, which beats :root, so a wallpaper still
 * decides the colour of the app.
 *
 * What was missing is everywhere ELSE. The design system's own default accent
 * is a lavender, and the signed-out pages each had to opt into the blue by
 * hand — so /extension kept a warm cream ground and a near-black button while
 * /support two links away was blue on blue-grey. One product, two palettes,
 * depending which page you landed on.
 *
 * These are the values accentFamily() derives from Mist (#3A6FD8), written
 * down rather than computed, because a static page should not have to load
 * the application to know what colour the product is. If Mist's hex ever
 * changes, involets-pages.8.jsx carries the same snapshot and both move
 * together.
 *
 * Linked after the design system's tokens in every document, so it overrides
 * them, and before anything that scopes its own accent.
 */
:root {
  --accent: rgb(58 111 216);
  --accent-rgb: 58 111 216;
  --accent-surface: rgb(238 238 239);
  --accent-edge: rgb(214 221 236);
  --accent-wash: rgb(245 244 240);
  --accent-ink: rgb(56 107 209);
  --surface-sunken: rgb(231 233 239);
  --field-bg: rgb(238 239 240);
  --border-focus: rgb(58 111 216);
  --border-selected: rgb(190 204 233);
  --text-link: rgb(53 101 196);
  --text-link-hover: rgb(40 77 151);
  --ring: 0 0 0 3px rgb(58 111 216 / .26);
  --btn-primary-bg: rgb(58 111 216);
  --status-running: rgb(58 111 216);
  --paper-lavender: rgb(235 236 239);
  --edge-lavender: rgb(210 218 236);
  --mount-lavender: rgb(146 174 228);
  --ink-lavender: rgb(58 110 215);

  /* The ground every signed-out page stands on: two soft washes over the
     cool surface, which is what stops a flat panel reading as a form. */
  --page-wash:
    radial-gradient(90% 60% at 10% 0%, var(--paper-lavender) 0%, rgba(0, 0, 0, 0) 60%),
    radial-gradient(70% 50% at 95% 4%, var(--paper-sky) 0%, rgba(0, 0, 0, 0) 58%),
    var(--accent-surface);
}

/* THE THIRTEEN FOLDER COLOURS THE KIT HAS NEVER HEARD OF.
 *
 * A project is given one of twenty colours — involets-desktop.jsx offers them
 * all in the picker and randomFolder() draws a new project's from the same
 * twenty. The design system defines --mount-* for seven of them. Everything
 * that marks a project by rule rather than by drawn folder reads that token,
 * so the other thirteen resolved to nothing and left a blank where the mark
 * should be: a project with a perfectly good colour, invisible in the Reports
 * table and on its own time rows. A new project had a thirteen-in-twenty
 * chance of it.
 *
 * The seven the kit knows are left exactly as they are — its own ramp, not
 * touched. These are the other thirteen, at the hex the desk already draws
 * that folder with, so a rule and its folder are the same colour.
 */
:root {
  --mount-teal: #33A9A0;
  --mount-indigo: #5A65D6;
  --mount-plum: #A063C4;
  --mount-rose: #DE6E92;
  --mount-clay: #B4785A;
  --mount-moss: #7A9E4B;
  --mount-ocean: #2F7EB5;
  --mount-amber: #D98A2B;
  --mount-slate: #6C7A8C;
  --mount-mint: #5EC29A;
  --mount-wine: #A9506B;
  --mount-olive: #95893F;
  --mount-ink: #5A5346;
}