/* variables.css — Design tokens L'Aile et la Cuisse
   Direction "papier + ardoise" : éditorial clair pour les pages, ardoise sombre
   pour les données live (menu du jour, statut).
   Tokens issus du design 16 mai 2026. */

:root {
  /* Palette */
  --rouge: #A62529;
  --rouge-dark: #7E1A1D;
  --creme: #F5F1E8;
  --creme-warm: #EDE7D8;
  --papier: #FBF8F1;
  --anthracite: #2A2E31;
  --noir: #16181A;
  --or-sourd: #B89060;
  --or-pale: #D4A574;
  --gris-chaud: #6B6F73;

  /* Aliases sémantiques */
  --bg: var(--papier);
  --ink: var(--anthracite);
  --ink-soft: #5A5E62;
  --surface: #FFFFFF;
  --surface-2: var(--creme);
  --panel-bg: var(--anthracite);
  --panel-ink: #EDE6D6;

  /* Hairlines */
  --hl: rgba(42, 46, 49, 0.14);
  --hl-soft: rgba(42, 46, 49, 0.08);
  --hl-strong: rgba(42, 46, 49, 0.28);

  /* Statut */
  --vert-ouvert: #3FA864;
  --or-soon: var(--or-pale);

  /* Typographie */
  --ff-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --ff-body: "Literata", Georgia, serif;
  --ff-italic: "Crimson Pro", Georgia, serif;
  --ff-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* Espacement */
  --max-w: 1216px;
  --max-w-wide: 1344px;
  --gutter-d: 64px;
  --gutter-m: 20px;

  /* Animation */
  --ease: cubic-bezier(0.2, 0, 0.13, 1);
}

/* Thème ardoise (utilisé sur les panneaux .lc-slate, et optionnellement
   sur le site entier via une classe utilitaire en V2) */
.theme-slate {
  --bg: #1B1E20;
  --ink: #EDE6D6;
  --ink-soft: #A6A29A;
  --surface: #23272A;
  --surface-2: #1F2224;
  --hl: rgba(237, 230, 214, 0.14);
  --hl-soft: rgba(237, 230, 214, 0.07);
  --panel-bg: #0F1112;
  --panel-ink: #EDE6D6;
}