/* tokens.css — Système de design O'Flaherty's Irish Pub */
:root {
  /* --- Fonds --- */
  --color-bg:           #F2E8D5;   /* Crème pub — fond principal */
  --color-bg-alt:       #E8D9C0;   /* Crème foncée — cartes, alternance */
  --color-surface:      #0D0806;   /* Noir bois profond — sections sombres, footer */
  --color-surface-2:    #1A1008;   /* Bois très sombre — nav, encarts */

  /* --- Texte --- */
  --color-text:         #120B04;   /* Quasi-noir brun — texte principal */
  --color-text-muted:   #5C4530;   /* Brun moyen — texte secondaire */
  --color-text-light:   #F2E8D5;   /* Crème — texte sur fond sombre */
  --color-text-muted-light: #B89870; /* Beige doré — texte secondaire sur fond sombre */

  /* --- Accents --- */
  --color-gold:         #C48030;   /* Ambre logo — titres, accents primaires */
  --color-gold-light:   #D9952A;   /* Ambre clair — hover, highlights */
  --color-emerald:      #1E4E2C;   /* Vert logo — accent secondaire, badges */
  --color-emerald-light:#2A6A3C;   /* Vert clair — hover */
  --color-rouge:        #B83020;   /* Rouge craft — CTA forts, badges chauds */
  --color-teal:         #2A6E68;   /* Teal craft — détail, séparateurs froids */

  /* --- Bordures --- */
  --color-border:       rgba(196,128,48,0.20);  /* Bordure ambre subtile */
  --color-border-dark:  rgba(242,232,213,0.12); /* Bordure sur fond sombre */

  /* --- Sémantiques --- */
  --color-success:      #2A6A3C;
  --color-error:        #8B2020;

  /* --- Typographie --- */
  --font-display: 'Germania One', 'Times New Roman', serif;
  --font-body:    'Rambla', Georgia, serif;

  /* --- Espacements --- */
  --space-xs:   0.25rem;
  --space-sm:   0.5rem;
  --space-md:   1rem;
  --space-lg:   2rem;
  --space-xl:   4rem;
  --space-2xl:  8rem;

  /* --- Rayons --- */
  --radius-sm:   6px;
  --radius-md:   12px;
  --radius-lg:   20px;
  --radius-xl:   32px;
  --radius-full: 9999px;

  /* --- Ombres --- */
  --shadow-sm:   0 1px 3px  rgba(28,18,10,0.10);
  --shadow-md:   0 4px 16px rgba(28,18,10,0.15);
  --shadow-lg:   0 8px 32px rgba(28,18,10,0.20);
  --shadow-gold: 0 4px 20px rgba(200,137,10,0.30);

  /* --- Transitions --- */
  --t-fast:   0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --t-base:   0.3s  cubic-bezier(0.4, 0, 0.2, 1);
  --t-slow:   0.6s  cubic-bezier(0.4, 0, 0.2, 1);
  --t-spring: 0.5s  cubic-bezier(0.34, 1.56, 0.64, 1);

  /* --- Conteneur --- */
  --container-max: 1200px;
  --container-pad: clamp(1.5rem, 5vw, 4rem);

  /* --- Z-index --- */
  --z-nav:   1000;
  --z-modal: 2000;
}