/* config-niche.css
   Seul fichier a modifier pour cloner ce template sur une nouvelle niche.
   Toutes les valeurs de marque (couleurs, polices, tailles cle) vivent ici.
   Le reste du CSS (style.css) ne contient AUCUNE valeur de niche en dur.
   Valeurs par defaut ci-dessous = theme demo CineFood (cinema x gastronomie, dark premium).
*/

:root {
  /* --- Couleurs --- */
  --color-bg: #08080a;
  --color-bg-alt: #121214;
  --color-bg-elevated: #1a1a1d;
  --color-fg: #f4efe4;
  --color-fg-muted: #9a958c;
  --color-accent: #c9a961;
  --color-accent-dim: #8a7440;
  --color-border: rgba(201, 169, 97, 0.25);
  --color-overlay: rgba(5, 5, 6, 0.55);
  --color-overlay-strong: rgba(4, 4, 5, 0.78);

  /* --- Typographie --- */
  --font-display: Georgia, "Times New Roman", Times, serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;

  --tracking-wide: 0.14em;
  --tracking-wider: 0.32em;

  --size-h1: clamp(2.6rem, 7vw, 6rem);
  --size-h2: clamp(1.9rem, 4.2vw, 3.4rem);
  --size-lead: clamp(1.05rem, 2vw, 1.35rem);
  --size-body: 1rem;

  /* --- Layout --- */
  --container-max: 1360px;
  --container-pad: clamp(1.25rem, 5vw, 4rem);
  --section-padding-y: clamp(4rem, 10vw, 10rem);

  /* --- Radius / durees --- */
  --radius-sm: 2px;
  --radius-md: 6px;
  --radius-lg: 14px;

  --ease-cinematic: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 0.3s;
  --dur-medium: 0.6s;
  --dur-slow: 1.1s;
}