/* Copyright (c) 2026 LB IT Cloud SAS. All rights reserved.
   Proprietary source of the LB IT Cloud website. See LICENSE. */

/* ---------------------------------------------------------------------------
   THE PAGE COLOURS — WRITTEN BY scripts/build-theme.mjs FROM scripts/theme.mjs.
   DO NOT EDIT BY HAND: change the palettes there and run the script.

   Loaded right after site.css on every page that loads it. The default palette (outremer) is
   also the page's colours with no data-palette at all, so a page shown without scripts still
   has them. A palette's dark theme is always one selector more specific than its light one,
   so the order of this file can never let a light value win on the dark theme.
   --------------------------------------------------------------------------- */

/* Outremer — Le Corbusier, bleu outremer 31 (32020), touche orange vif (4320S) (default) */
:root {
  --ink: #171d29;
  --ink-2: #49505e;
  --ground: #f5f7fb;
  --ground-2: #e9edf5;
  --panel: #fdfdff;
  --line: #cfd4df;
  --plate-soft: #e5ebf8;
  --ink-3: #626978;
  --fill: #dee3ee;
  --plate: #4e6498;
  --on-plate: #ffffff;
  --plate-dim: #ffffff;
  --edge: #4e6498;
  --brand-soft: #dee8fd;
  --brand: #3c5083;
  --brand-ink: #171d29;
  --brand-line: #bbcbec;
  --touch: #d15c32;
  --on-touch: #111723;
  --a1: #3c5083;
  --a1-soft: #dee8fd;
  --a1-line: #bbcbec;
  --touch-soft: #fee5dd;
  --touch-line: #f7bfac;
  --touch-ink: #b54314;
  --a2: #b54314;
  --a2-soft: #fee5dd;
  --a2-line: #f7bfac;
  --a3: #3c5083;
  --a3-soft: #dee8fd;
  --a3-line: #bbcbec;
  --a4: #b54314;
  --a4-soft: #fee5dd;
  --a4-line: #f7bfac;
  --logo-dark: #4e6498;
  --logo-light: #d15c32;
  --swatch: #4e6498;
  /* The chosen tab takes the palette's colour, as the main button does — not the touch: Julien,
     12/10/2026, of dark text on the orange vif, « ça ne me semble pas très pertinent ». The
     touch carries no text anywhere. */
  --p-entris: var(--plate); --on-entris: var(--on-plate);
  --p-exact: var(--plate); --on-exact: var(--on-plate);
}
html[data-theme="dark"] {
  --ink: #eff2f9;
  --ink-2: #aeb4c3;
  --ground: #0c0f16;
  --ground-2: #12161e;
  --panel: #171b23;
  --line: #2f3543;
  --plate-soft: #1d232f;
  --ink-3: #858c9c;
  --fill: #292e38;
  --plate: #4e6498;
  --on-plate: #ffffff;
  --plate-dim: #ffffff;
  --edge: #566da1;
  --brand-soft: #1b2130;
  --brand: #738bc1;
  --brand-ink: #eff2f9;
  --brand-line: #313c58;
  --touch: #d15c32;
  --on-touch: #111723;
  --a1: #738bc1;
  --a1-soft: #1b2130;
  --a1-line: #313c58;
  --touch-soft: #331e17;
  --touch-line: #633c2f;
  --touch-ink: #df693f;
  --a2: #df693f;
  --a2-soft: #331e17;
  --a2-line: #633c2f;
  --a3: #738bc1;
  --a3-soft: #1b2130;
  --a3-line: #313c58;
  --a4: #df693f;
  --a4-soft: #331e17;
  --a4-line: #633c2f;
  --logo-dark: #4e6498;
  --logo-light: #d15c32;
  --swatch: #4e6498;
}