/* ==========================================================================
   SAMA — Design tokens
   Toutes les valeurs de marque (couleurs, typographie, rythme) vivent ici.
   Rien d'autre dans le projet ne doit contenir de valeur codée en dur.
   ========================================================================== */

:root{

  /* ---- Couleurs de marque ---- */
  --color-bg:        #261510; /* fond général, brun profond */
  --color-card:       #31201B; /* fond des cartes */
  --color-card-hover: #3B2822; /* fond des cartes au survol */
  --color-gold:       #C9A35D; /* accent, prix, sélection */
  --color-text:        #F7F4F1; /* texte principal */
  --color-text-muted:  #B8AEA7; /* texte secondaire */

  /* dérivés (overlays, bordures, ombres) */
  --color-border:     rgba(247,244,241,0.10);
  --color-border-strong: rgba(247,244,241,0.22);
  --overlay-dark:     rgba(17,9,7,0.55);
  --shadow-soft:      0 30px 60px rgba(0,0,0,0.35);

  /* ---- Typographie ---- */
  --font-display: 'Cormorant Garamond', serif;
  --font-body:    'Montserrat', sans-serif;

  /* ---- Rythme / espacement ---- */
  --space-xs:  0.5rem;
  --space-sm:  1rem;
  --space-md:  2rem;
  --space-lg:  4rem;
  --space-xl:  7rem;

  /* ---- Forme ---- */
  --radius-sm: 6px;
  --radius-md: 14px;
  --radius-lg: 24px;

  /* ---- Mouvement ---- */
  --transition-fast: 250ms ease;
  --transition-slow: 600ms ease;

  /* ---- Structure ---- */
  --ticket-width: 340px;
  --max-content-width: 1280px;
}