/* ── Pascaline IA — this product's own palette (v2, 2026-10-13) ──────────────
 *
 * The ten `--color-brand-*` primitives `src/styles/tokens.css` declares, in this
 * product's own values. The contract — why only the primitives, why the
 * `html.dark` block is repeated, and why this link has to be last — is in
 * `frontend/README.md`.
 *
 * This file is served to a visitor verbatim: no ticket numbers, and keep it
 * short. It ships in the image as the default a tenant's mount overlays.
 *
 * Navy ink and brand blue. The ink is the "Nouvelle conversation" button and the
 * wordmark; the blue is the sunburst disc, the agent tile, fills and the active
 * rail. The accent is a warm olive-grey so the "thinking" state reads as a
 * different thing from the blue, not a louder version of it.
 *
 * Every value is measured against the contrast pairs the token wiring implies
 * (`frontend/README.md` has the table).
 * `--color-brand-secondary` is still the tight one: a fill on light and link
 * text on dark at once — which is why it is one of the values the dark block
 * repeats.
 */

:root {
  --color-brand-primary: #12273c; /* navy ink — the wordmark's lettering, links, the light action fill */
  --color-brand-primary-hover: #1d3a55;
  --color-brand-secondary: #3189fb; /* brand blue — the disc, the agent tile, fills, the active rail */
  --color-brand-secondary-hover: #2a7fef;
  --color-brand-secondary-soft: #a9cdfd; /* soft fills and tints */
  --color-brand-secondary-subtle: #e6f1fe; /* the user's own message bubble */
  --color-brand-secondary-ink: #2260b0; /* blue TEXT on light surfaces — 6.2:1 on white */
  --color-brand-on-secondary: #0a1a21; /* ink placed ON a blue fill — 5.9:1 (white would be 3.4:1) */
  --color-brand-accent: #6e6c58; /* olive-grey — the "thinking" / interrupt accent, 5.3:1 under a white glyph */
  --color-brand-accent-hover: #55533f;
}

/* Repeated because `:root` and `.dark` have the same specificity and this file
   is last: a `:root`-only override would keep applying in dark mode and cancel
   the inversion `tokens.css` declares. Four values here rather than two: the
   blue does not carry link text on the dark card (3.7:1), so it is lifted. */
html.dark {
  --color-brand-primary: #f2edea;
  --color-brand-primary-hover: #e2ddda;
  --color-brand-secondary: #5aa1fc; /* 4.8:1 as link text on the dark card */
  --color-brand-secondary-hover: #6facfc; /* lighter, not darker, so the ink label keeps 7:1 */
}