/* Quartio's palette (ADR 0222): every colour of the product, once, from the old product's look
   (engine/public, as on demo.quartio.ai): warm paper, olive accent, quiet tints. The panels link it
   first (index.html, platform.html, the server's card); every frame gets it in front of the kit's
   stylesheet and of Astryx's (src/interfaces/kit.rs), so a page an agent wrote, today or long ago,
   speaks the same colours. Nothing else in the base writes a colour: styles.css names these
   tokens, kit.css and kit/astryx/palette.css use them, and the gate holds it (src/palette.rs).
   Text colours pass WCAG AA (4.5:1) on paper, surface, card and hover (ADR 0061). */

:root, ::backdrop {
  /* Surfaces and lines. */
  --q-paper: #eeece5; --q-sidebar: #e7e5dc; --q-surface: #f8f7f1; --q-card: #f2f3e9; --q-raised: #f1f0e9;
  --q-hover: #e3e5d9; --q-hover-soft: #e9e8e0; --q-field: #fffef8; --q-control: #cbcdbd;
  --q-line: #d6d5cb; --q-line-soft: #d9dece; --q-line-strong: #c0c5b1;
  --q-card-line: #d2d8c5; --q-card-bg: #f2f3e948; --q-well: #e9eadf66; --q-attention: #a4ad8d;
  /* Text and the olive accent. Secondary is muted a shade darker, AA on a pressed row too. */
  --q-ink: #292b27; --q-ink-hover: #454c37; --q-muted: #63655c; --q-secondary: #5f6158; --q-faint: #626555; --q-disabled: #8a8c80;
  --q-olive: #60684a; --q-olive-dark: #4f5b3d; --q-olive-ink: #505b37;
  --q-link: #60684a; --q-link-hover: #303b20; --q-on-accent: #f8f7f1; /* on-accent: text on a filled accent */

  /* Roles: what every surface uses for the same job. */
  --q-accent: var(--q-olive-dark);
  --q-selection: #d0d6c2;        /* selected text, everywhere; ink on it reads at 10:1 */
  --q-selection-tint: #d0d6c299; /* the same over a picture or a frame */
  --q-selection-glass: #7f8a6566; /* over a document page, whose text layer is unseen */
  --q-focus: #4f5b3d;            /* a focus ring */
  --q-focus-ring: #7f89652b;     /* a field's focus glow */
  --q-focus-inset: #7f896566;    /* a focused box's inner line */
  --q-focus-lift: #51583712;     /* the message box lifted while it is written in */
  --q-overlay: #292b2761;        /* the page dimmed behind a sheet or a dialog */
  --q-tint-hover: #292b270c; --q-tint-pressed: #292b2719; /* a press's shade over anything */
  --q-shadow: #292b271a; --q-shadow-deep: #292b272b; /* under a toast or a note over the page */
  --q-changed: #c9d6b3;          /* what an agent just changed flashes in it */
  --q-dot: #abb69b; --q-track: #dce2d1; --q-fill: #9cad87; --q-fill-neg: #c99a8c;

  /* Quiet tints, each with the text that reads on it. Stone is the neutral one: an info box, a
     neutral pill; `blue` is its old name, kept for pages that use it. */
  --q-sage: #dfe4d4; --q-sage-ink: #56623f;
  --q-sand: #ebe1cf; --q-sand-ink: #6c5e43;
  --q-rose: #e8dcd5; --q-rose-ink: #77544c;
  --q-stone: #e3e6da; --q-stone-ink: #5a5e50;
  --q-lavender: #e5e0d8; --q-lavender-ink: #605848;
  --q-blue: var(--q-stone);

  /* Tones: text, background, background on hover. Danger is errors and what is overdue; warn
     waits; info is the neutral stone, never a second accent. */
  --q-danger: #8f4638; --q-danger-bg: #f1e1db; --q-danger-bg-hover: #e8d2cb; --q-danger-soft: #f6e9e4; --q-danger-line: #e0c4ba;
  --q-ok: #505f3e; --q-ok-bg: #dbe5cf; --q-ok-bg-hover: #ced8c1; --q-ok-line: #c5d0b4;
  --q-warn: #6b583b; --q-warn-bg: #e9e1d1; --q-warn-bg-hover: #ddd4c2;
  --q-info: var(--q-stone-ink); --q-info-bg: var(--q-stone); --q-info-bg-hover: #d6d9cd;
  --q-tag: var(--q-stone-ink); --q-tag-bg: var(--q-stone); --q-tag-bg-hover: #d6d9cd;
}