/*
 * Marque El Big by Chichkhan (config/marque.php, MARQUE=el-big).
 * Chargée après app.css : redéfinit les jetons de couleur des deux thèmes et la
 * police des titres. Couleurs relevées sur le logo fourni par le client :
 * rouge #D11222, cheddar #F9AD26, steak #422014, noir #070506, blanc #FCFAFB.
 *
 * Règles : le rouge sert l'action (bouton principal, choix, focus) et la marque ;
 * une table occupée reste neutre (contour noir) pour que le rouge du plan ne
 * signale que des articles pas encore envoyés. Contrastes vérifiés : textes
 * 4,5:1 au moins dans les deux thèmes, contours de champs 3:1.
 */
@font-face { font-family: "Anton"; src: url("/fonts/anton-latin-400-normal.woff2") format("woff2"); font-weight: 400 900; font-display: swap; }

:root {
  --bg:#f4f1ef; --surface:#ffffff; --surface-2:#f8f5f3; --line:#e5dedb; --line-2:#d2c8c3;
  --ink:#1a1412; --ink-2:#4d4440; --ink-3:#655a55;
  --accent:#d11222; --accent-ink:#ffffff; --accent-soft:#fbe4e6;
  --rail:#141010; --rail-ink:#b8aca7; --rail-on:#ffffff;
  --line-input:#857a75; --chair:#d6ccc7; --grid:#ece6e3;
  --shadow:0 1px 2px rgba(26,20,18,.07),0 6px 20px rgba(26,20,18,.07);
  --marque-rouge:#d11222; --marque-cheddar:#f9ad26; --marque-steak:#422014; --marque-noir:#070506; --marque-blanc:#fcfafb;
  --f-d:"Anton","Arial Narrow",Impact,ui-sans-serif,sans-serif;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#0f0c0b; --surface:#1a1514; --surface-2:#221c1a; --line:#332a27; --line-2:#443935;
    --ink:#f4efec; --ink-2:#c7bcb7; --ink-3:#a39690;
    --accent:#ff5c5c; --accent-ink:#1a0506; --accent-soft:#3b1517;
    --rail:#0a0807; --rail-ink:#a39690;
    --line-input:#7d706b; --chair:#3f3431; --grid:#2a2220;
    --shadow:0 1px 2px rgba(0,0,0,.3),0 6px 20px rgba(0,0,0,.25);
  }
}
:root[data-theme="dark"]{
  --bg:#0f0c0b; --surface:#1a1514; --surface-2:#221c1a; --line:#332a27; --line-2:#443935;
  --ink:#f4efec; --ink-2:#c7bcb7; --ink-3:#a39690;
  --accent:#ff5c5c; --accent-ink:#1a0506; --accent-soft:#3b1517;
  --rail:#0a0807; --rail-ink:#a39690;
  --line-input:#7d706b; --chair:#3f3431; --grid:#2a2220;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 6px 20px rgba(0,0,0,.25);
}

/* Anton n'a qu'une graisse : pas de gras simulé par le navigateur. */
body { font-synthesis: none; }
.h1, .top-t, .t-title, .lock h1 { letter-spacing: .01em; }

/* Plan de salle : table occupée neutre, le rouge reste aux articles à envoyer. */
.tb.occupee { --st-bg:var(--surface-2); --st-line:var(--ink); --st-ink:var(--ink); }
.lg.occupee { border-color:var(--ink); background:var(--surface-2); }

/* Menu : la mascotte, sans libellé. */
#rail .logo { padding: 8px 0 12px; }
#rail .logo img { filter: drop-shadow(0 2px 6px rgba(0,0,0,.35)); }