/* Ronronnet V6 (14/11/2026) : une marque d'appareil pour la maison. Clair seulement.
   Page blanche, scène gris chaud (le fond exact des images du premier écran), encre graphite, l'orange du cadran en
   touche rare (anneau, étoiles, pastille d'économie). Titres en Wix Madefor Display, texte en Wix Madefor Text.
   Polices auto-hébergées (sous-ensemble latin, licence SIL OFL), préchargées par shop.json > fontPreload. */
@font-face { font-family: "Wix Madefor Display"; src: url("fonts/wix-madefor-display-latin.woff2") format("woff2"); font-weight: 400 800; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Wix Madefor Text"; src: url("fonts/wix-madefor-text-latin.woff2") format("woff2"); font-weight: 400 800; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  --bg: #FFFFFF;           /* page blanche */
  --stage: #E9E5DF;        /* scène : fond exact des images détourées (aucune jointure) */
  --surface: #F4F2EE;      /* surface secondaire : cartes, volets */
  --ink: #17181A;          /* graphite : 17,9:1 sur blanc, 14,1:1 sur la scène */
  --muted: #62646A;        /* texte secondaire : 5,9:1 sur blanc, 4,7:1 sur la scène */
  --line: #E3E0DA;         /* filets */
  --accent: #F26A1B;       /* orange du cadran : anneau, étoiles, pastille d'économie. Jamais un bouton. */
  --accent-ink: #17181A;   /* texte graphite sur orange : 6,4:1 */
  --radius: 24px;          /* blocs et images */
  --pill: 999px;           /* boutons, pastilles */
  --font-display: "Wix Madefor Display", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Wix Madefor Text", "Helvetica Neue", Arial, sans-serif;

  --radius-s: var(--radius);
  --ok: #17181A;           /* les états « bon » se disent par le texte et la coche, sans vert */
  --warn: #A3261B;
  --tint: #F4F2EE;
  --shadow-pop: none;
  --scrim: rgb(23 24 26 / 0.42);
  --gutter: 1rem;
  --wrap: calc(77.5rem + 2 * var(--gutter)); /* 1 240 px de contenu */
  color-scheme: light;
}
@media (min-width: 600px) { :root { --gutter: 1.5rem; } }
@media (min-width: 1100px) { :root { --gutter: 2.5rem; } }

/* Pastilles du sélecteur de coloris */
[data-swatch="Blanc"] { --swatch: #FFFFFF; }
[data-swatch="Beige"] { --swatch: #D9C7A7; }