/*!
 * Mon Atelier Dégustation — thème visuel
 * © 2026 Jimmy Mineau · Torréf'Acteur, Expert du goût. Tous droits réservés.
 *
 * Tout l'aspect de l'application se règle ici : couleurs, polices, arrondis.
 * Changer une valeur ci-dessous suffit à faire évoluer tout l'habillage.
 * La couleur d'accent (--brand) est remplacée automatiquement par celle de
 * chaque espace client (réglable dans l'onglet « Partager »).
 */
@font-face { font-family: "Bricolage Grotesque"; font-weight: 700; font-display: swap; src: url("../fonts/bricolage-grotesque-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Bricolage Grotesque"; font-weight: 800; font-display: swap; src: url("../fonts/bricolage-grotesque-latin-800-normal.woff2") format("woff2"); }
@font-face { font-family: "Atkinson Hyperlegible"; font-weight: 400; font-display: swap; src: url("../fonts/atkinson-hyperlegible-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Atkinson Hyperlegible"; font-weight: 700; font-display: swap; src: url("../fonts/atkinson-hyperlegible-latin-700-normal.woff2") format("woff2"); }

:root {
  /* Couleur de marque (remplacée par celle de l'espace) */
  --brand: #7A2E3A;
  --brand-ink: #FFFFFF;

  /* Thème clair */
  --bg: #F3EFEE; --surface: #FFFFFF; --sunk: #EBE4E2; --ink: #2A1D1A; --muted: #75655F; --line: #E0D5D2;
  --accent: var(--brand); --accent-ink: var(--brand-ink);
  --accent-soft: color-mix(in srgb, var(--brand) 13%, #FFFFFF);
  --gold: #A3741C; --teal: #2C7369; --danger: #B3261E;
  --fam-lift: 0%; --on-fam: #FFFFFF;

  /* Typographie */
  --display: "Bricolage Grotesque", "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --body: "Atkinson Hyperlegible", "Helvetica Neue", Arial, sans-serif;

  /* Formes */
  --r: 14px;
  color-scheme: light;
}

/* Thème sombre (suit le réglage du téléphone ou de l'ordinateur) */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #171110; --surface: #221917; --sunk: #2C221F; --ink: #F3EAE6; --muted: #AD9B94; --line: #3B2F2C;
    --accent: color-mix(in srgb, var(--brand) 55%, #FFFFFF); --accent-ink: #200E12;
    --accent-soft: color-mix(in srgb, var(--brand) 32%, #171110);
    --gold: #DDAE58; --teal: #6FB8AC; --danger: #F08A80;
    --fam-lift: 45%; --on-fam: #1A1210;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #171110; --surface: #221917; --sunk: #2C221F; --ink: #F3EAE6; --muted: #AD9B94; --line: #3B2F2C;
  --accent: color-mix(in srgb, var(--brand) 55%, #FFFFFF); --accent-ink: #200E12;
  --accent-soft: color-mix(in srgb, var(--brand) 32%, #171110);
  --gold: #DDAE58; --teal: #6FB8AC; --danger: #F08A80;
  --fam-lift: 45%; --on-fam: #1A1210;
  color-scheme: dark;
}