/* Variables du site : couleurs (clair et sombre), polices, tailles.

   CONTRAT AVEC L'ARTISANAT
   Les outils de l'artisanat (dépôt brialon-craft, compilé dans /craft/) ne
   dépendent du site que par ce fichier et par fonts.css. On peut changer les
   valeurs, mais pas renommer ni supprimer une variable utilisée par l'artisanat :
     --ground --surface --ink --muted --line --line-strong --focus
     --brand --brand-deep --brand-soft --brand-wash --meadow
     --display --body --mono
     --step--1 --step-2 --step-3 --radius --section-pad
   Le mode sombre doit rester porté par ces mêmes variables, redéfinies sous
   prefers-color-scheme et sous :root[data-theme="dark"].
   Voir aussi le contrat de la page Artisanat en tête de site.css. */

:root {
  --ground: #f3f6fa;
  --surface: #ffffff;
  --ink: #102539;
  --muted: #4d6177;
  --line: #d2deea;
  --line-strong: #a3bcdc;
  --brand: #245b8f;
  --brand-deep: #003261;
  --brand-soft: #5a88c0;
  --brand-wash: #e6eef7;
  --band: #003261;
  --band-ink: #e8f0f9;
  --band-muted: #a3bcdc;
  --band-frame: #2c5a8a;
  --band-card: #0a3d70;
  --meadow: #61a936;
  --meadow-deep: #4e912b;
  --meadow-ink: #f4f9ee;
  --focus: #5a88c0;

  --display: "Figtree", "Segoe UI", system-ui, sans-serif;
  --body: "Archivo", "Segoe UI", system-ui, sans-serif;
  --mono: "Chivo Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;

  --step--1: 0.875rem;
  --step-0: 1.0625rem;
  --step-1: 1.25rem;
  --step-2: 1.6rem;
  --step-3: 2.1rem;
  --step-4: clamp(2.2rem, 4.6vw, 3.4rem);

  --radius: 6px;
  --section-pad: clamp(40px, 5.5vw, 64px);
  --gutter: clamp(16px, 4vw, 40px);

}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ground: #0a1727;
    --surface: #0f2236;
    --ink: #e3ecf6;
    --muted: #97abc1;
    --line: #1f3a57;
    --line-strong: #325a84;
    --brand: #8db2df;
    --brand-deep: #d5e4f4;
    --brand-soft: #6d98cc;
    --brand-wash: #132c47;
    --band: #06111d;
    --band-ink: #e3ecf6;
    --band-muted: #8db2df;
    --band-frame: #23466b;
    --band-card: #0c1f33;
    --meadow: #457f29;
    --meadow-deep: #386c20;
    --meadow-ink: #eef6e6;
    --focus: #8db2df;
  }
}
:root[data-theme="dark"] {
  --ground: #0a1727;
  --surface: #0f2236;
  --ink: #e3ecf6;
  --muted: #97abc1;
  --line: #1f3a57;
  --line-strong: #325a84;
  --brand: #8db2df;
  --brand-deep: #d5e4f4;
  --brand-soft: #6d98cc;
  --brand-wash: #132c47;
  --band: #06111d;
  --band-ink: #e3ecf6;
  --band-muted: #8db2df;
  --band-frame: #23466b;
  --band-card: #0c1f33;
  --meadow: #457f29;
  --meadow-deep: #386c20;
  --meadow-ink: #eef6e6;
  --focus: #8db2df;
}