/*
 * Logiella : couleurs et typographie (site public, studio web, pages publiques).
 * À importer après la police : polices/web/nunito.css.
 */
:root {
  --logiella-encre: #111827;
  --logiella-corail: #FF6A3D;
  --logiella-sable: #E8D9C4;
  --logiella-creme: #FAF6F1;
  --logiella-lin: #F2EBE2;
  --logiella-ardoise: #4B5563;
  --logiella-blanc: #FFFFFF;

  /* Rôles */
  --logiella-fond: var(--logiella-creme);
  --logiella-surface: var(--logiella-blanc);
  --logiella-carte: var(--logiella-lin);
  --logiella-texte: var(--logiella-encre);
  --logiella-texte-secondaire: var(--logiella-ardoise);
  --logiella-accent: var(--logiella-corail);
  --logiella-bouton-fond: var(--logiella-corail);
  --logiella-bouton-texte: var(--logiella-encre); /* jamais de blanc sur corail : contraste 2,9:1 */

  /* Typographie */
  --logiella-police: 'Nunito', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --logiella-graisse-texte: 500;
  --logiella-graisse-fort: 700;
  --logiella-graisse-titre: 800;
  --logiella-graisse-accroche: 900;

  /* Formes */
  --logiella-rayon-s: 10px;
  --logiella-rayon-m: 16px;
  --logiella-rayon-l: 24px;
  --logiella-rayon-pilule: 999px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --logiella-fond: #111827;
    --logiella-surface: #1F2937;
    --logiella-carte: #1F2937;
    --logiella-texte: #F9FAFB;
    --logiella-texte-secondaire: #D1D5DB;
  }
}