/* Pôle Cinéma de Saint Elme — generated from tokens.json */
:root, [data-theme="charte"] {
  --cream: #f2ede4;
  --paper: #faf7f0;
  --navy: #16357f;
  --navy-text: #1a3a85;
  --deep: #0c1626;
  --deep-2: #111f38;
  --red: #d8232e;
  --body: #44506b;
  --line: rgba(22, 53, 127, 0.18);
  --line-light: rgba(244, 241, 234, 0.18);
  --stripe: #b9c4d6;
  --red-ink: #c41e28;
  --red-light: #f0545e;
  --on-red: #ffffff;
  --gold: #c6a670;
  --gold-ink: #7f6128;
  --slug: #0a1220;
  --cream-75: rgba(242, 237, 228, 0.75);
  --cream-55: rgba(242, 237, 228, 0.55);
  --line-strong: #6f7e9c;
  --veil: rgba(10, 18, 32, 0.7);
  --veil-soft: rgba(10, 18, 32, 0.25);
  --focus: var(--red);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;
  --radius: 0px;
  --max-width: 1200px;
  --measure: 68ch;
  --gutter-mobile: 20px;
  --gutter-tablet: 24px;
  --gutter-desktop: 32px;
  --header-height-mobile: 60px;
  --header-height-desktop: 72px;
  --tap-min: 44px;
  --bp-tablet: 768px;
  --bp-desktop: 1100px;
  --rule-hair: 1px;
  --rule-header: 2px;
  --rule-accent-w: 70px;
  --rule-accent-h: 4px;
  --focus-width: 2px;
  --focus-offset: 3px;
  --stripe-angle: 115deg;
  --stripe-step: 8px;
  --clap-band-h: 14px;
  --dur-fast: 150ms;
  --dur-base: 240ms;
  --dur-reveal: 700ms;
  --dur-fade-black: 400ms;
  --ease-out: cubic-bezier(0.2, 0, 0, 1);
  --ease-fade: cubic-bezier(0.45, 0, 0.55, 1);
  --font-display: 'Oswald', 'Arial Narrow', sans-serif;
  --font-body: 'Source Sans 3', 'Helvetica Neue', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;
  --font-serif: 'Cormorant Garamond', Georgia, serif;
  --font-poster: 'Anton', 'Oswald', 'Arial Narrow', sans-serif;
}
.carton-mobile { font-family: var(--font-poster); font-size: 72px; line-height: 0.9; font-weight: 400; letter-spacing: 0.01em; }
.carton-bureau { font-family: var(--font-poster); font-size: 160px; line-height: 0.88; font-weight: 400; letter-spacing: 0.01em; }
.compteur-mobile { font-family: var(--font-poster); font-size: 56px; line-height: 1; font-weight: 400; }
.compteur-bureau { font-family: var(--font-poster); font-size: 112px; line-height: 1; font-weight: 400; }
.titre-1-mobile { font-family: var(--font-display); font-size: 42px; line-height: 0.98; font-weight: 700; letter-spacing: 0.005em; }
.titre-1-bureau { font-family: var(--font-display); font-size: 76px; line-height: 0.98; font-weight: 700; letter-spacing: 0.005em; }
.titre-2-mobile { font-family: var(--font-display); font-size: 32px; line-height: 0.98; font-weight: 700; letter-spacing: 0.005em; }
.titre-2-bureau { font-family: var(--font-display); font-size: 52px; line-height: 0.98; font-weight: 700; letter-spacing: 0.005em; }
.titre-3-mobile { font-family: var(--font-display); font-size: 22px; line-height: 1.05; font-weight: 700; letter-spacing: 0.01em; }
.titre-3-bureau { font-family: var(--font-display); font-size: 28px; line-height: 1.05; font-weight: 700; letter-spacing: 0.01em; }
.chapo-mobile { font-family: var(--font-body); font-size: 19px; line-height: 1.5; font-weight: 400; }
.chapo-bureau { font-family: var(--font-body); font-size: 21px; line-height: 1.5; font-weight: 400; }
.texte { font-family: var(--font-body); font-size: 17px; line-height: 1.6; font-weight: 400; }
.texte-petit { font-family: var(--font-body); font-size: 15px; line-height: 1.5; font-weight: 400; }
.etiquette { font-family: var(--font-mono); font-size: 12px; line-height: 1.3; font-weight: 500; letter-spacing: 0.18em; }
.bouton { font-family: var(--font-mono); font-size: 13px; line-height: 1; font-weight: 600; letter-spacing: 0.16em; }
.pastille { font-family: var(--font-mono); font-size: 11px; line-height: 1; font-weight: 500; letter-spacing: 0.2em; }
.generique-fonction { font-family: var(--font-mono); font-size: 12px; line-height: 1.3; font-weight: 400; letter-spacing: 0.2em; }
.ceremonie-mobile { font-family: var(--font-serif); font-size: 15px; line-height: 1.4; font-weight: 600; letter-spacing: 0.28em; }
.ceremonie-bureau { font-family: var(--font-serif); font-size: 18px; line-height: 1.4; font-weight: 600; letter-spacing: 0.28em; }
.generique-nom-mobile { font-family: var(--font-display); font-size: 22px; line-height: 1.15; font-weight: 400; letter-spacing: 0.06em; }
.generique-nom-bureau { font-family: var(--font-display); font-size: 28px; line-height: 1.15; font-weight: 400; letter-spacing: 0.06em; }