/* Listes de Noël — variables du système de design
   Thème clair par défaut ; thème « Nuit de Noël » via data-theme="dark" sur <html> (ou n'importe quel conteneur). */
:root{
  /* Surfaces */
  --paper:#F4EFE4; --paper-sunk:#EDE6D6; --card:#FFFFFF; --card-alt:#FCFAF5;
  --line:#E3DAC6; --line-soft:#EEE6D4; --line-strong:#BDB096;
  /* Texte */
  --ink:#1B1A17; --ink-2:#3E3A33; --ink-3:#5E5A50;
  /* Action principale (vert sapin) */
  --primary:#143A2B; --on-primary:#FBF7EE; --primary-soft:#E3EBE4; --primary-text:#143A2B;
  /* Accent (rouge profond) */
  --accent:#9B1C26; --on-accent:#FBF7EE; --accent-soft:#F6E3E2; --accent-text:#7E1520;
  /* Or : décor (--gold) et texte (--gold-text) */
  --gold:#C4A257; --gold-text:#7A5F22; --gold-soft:#FAF3E0; --gold-light:#E9D49A;
  /* En-têtes et barre d'onglets */
  --chrome:#143A2B; --on-chrome:#FBF7EE; --on-chrome-2:#C9D6CC; --chrome-accent:#E9D49A;
  /* Statuts */
  --stamp:#9B1C26; --wrapped-bg:#143A2B; --wrapped-ink:#E9D49A; --success-text:#1F5A40;
  --overlay:rgba(14,30,22,.55); --focus:#C4A257;
  /* Typographie */
  --font-display:'Bodoni Moda',Georgia,serif;
  --font-ui:'Jost',system-ui,sans-serif;
  --fs-xs:13px; --fs-sm:14px; --fs-md:16px; --fs-lg:18px; --fs-xl:22px; --fs-2xl:30px; --fs-3xl:40px;
  /* Espacements */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-7:32px; --sp-8:48px;
  /* Rayons */
  --r-xs:2px; --r-sm:3px; --r-md:6px; --r-lg:16px; --r-pill:999px;
  /* Ombres */
  --shadow-1:0 1px 2px rgba(27,26,23,.06);
  --shadow-2:0 10px 28px -14px rgba(20,58,43,.4);
  --shadow-sheet:0 -16px 40px -16px rgba(0,0,0,.4);
  --tap:44px;
}
[data-theme="dark"]{
  --paper:#0E1828; --paper-sunk:#0A1220; --card:#15233A; --card-alt:#192940;
  --line:#263752; --line-soft:#1F2E47; --line-strong:#3D5171;
  --ink:#F3EDE0; --ink-2:#D9D3C6; --ink-3:#A7B0C0;
  --primary:#E0BE6A; --on-primary:#0E1828; --primary-soft:#26261E; --primary-text:#E9CD85;
  --accent:#A8323A; --on-accent:#FBF7EE; --accent-soft:#3A1E28; --accent-text:#F0A0A4;
  --gold:#C9A85A; --gold-text:#E3C77F; --gold-soft:#24221A; --gold-light:#E9D49A;
  --chrome:#0A1220; --on-chrome:#F3EDE0; --on-chrome-2:#A7B0C0; --chrome-accent:#E3C77F;
  --stamp:#F0A0A4; --wrapped-bg:#2C5A45; --wrapped-ink:#F3E2B0; --success-text:#8CC2A6;
  --overlay:rgba(3,7,14,.7); --focus:#E3C77F;
  --shadow-2:0 10px 28px -14px rgba(0,0,0,.7);
}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-ui);font-size:var(--fs-md);-webkit-font-smoothing:antialiased}
a{color:var(--primary-text)} a:hover{color:var(--accent-text)}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
summary{list-style:none} summary::-webkit-details-marker{display:none}
@keyframes noel-flake{0%{transform:translateY(-8px) rotate(0);opacity:0}15%{opacity:1}100%{transform:translateY(90px) rotate(160deg);opacity:0}}
@keyframes noel-glow{from{opacity:.15}to{opacity:.5}}
@keyframes noel-toast{from{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}