/* La Table d'Hervé — design tokens
   Polices libres (SIL OFL / Apache) : Anton (titres), Roboto (texte), Caveat (écriture à la craie, comme leur ardoise).
   Trois ambiances : accueil (noir + rouge), restaurant (bordeaux + crème), boucherie (noir + rouge). */

@font-face { font-family: "Anton"; font-weight: 400; font-display: swap;
  src: url("../fonts/anton-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Caveat"; font-weight: 500; font-display: swap;
  src: url("../fonts/caveat-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Caveat"; font-weight: 700; font-display: swap;
  src: url("../fonts/caveat-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Roboto"; font-weight: 400; font-display: swap;
  src: url("../fonts/roboto-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Roboto"; font-weight: 500; font-display: swap;
  src: url("../fonts/roboto-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Roboto"; font-weight: 700; font-display: swap;
  src: url("../fonts/roboto-latin-700-normal.woff2") format("woff2"); }

:root {
  --noir: #0e0a09;
  --noir-2: #1a1311;
  --bordeaux: #6e0d25;
  --bordeaux-2: #4d0919;
  --creme: #f4ece2;
  --creme-doux: #d2c6b9;
  --taureau: #d12b2b;       /* rouge du logo ; texte blanc dessus (4,9:1) */
  --braise: #ff5b1f;
  --craie: #f1efe6;
  --ardoise: #1f2428;
  --cadre: #2c3a46;
  --ouvert: #62d26f;

  --titre: "Anton", Impact, "Arial Narrow", sans-serif;
  --main: "Caveat", "Segoe Print", cursive;
  --font: "Roboto", "Helvetica Neue", Arial, sans-serif;

  --pad: clamp(20px, 5vw, 72px);
  --section: clamp(80px, 11vw, 150px);
  --wrap: 88rem;
  --ease: cubic-bezier(.2, .8, .2, 1);

  /* ambiance par défaut (accueil, boucherie) */
  --bg: var(--noir); --fg: var(--creme); --fg-doux: var(--creme-doux); --ligne: rgba(244, 236, 226, .28);
  --btn-bg: var(--taureau); --btn-fg: #fff; --accent: var(--taureau-vif, #e2302d); --rideau: var(--taureau);
}
.t-resto { --bg: var(--bordeaux); --fg: var(--creme); --fg-doux: #e3d3cc; --ligne: rgba(244, 236, 226, .35);
  --btn-bg: var(--creme); --btn-fg: var(--bordeaux); --accent: var(--creme); --rideau: var(--bordeaux-2); }
.t-bouch { --rideau: var(--noir-2); }