/* variables.css — Time-Event Design Tokens */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&family=Outfit:wght@300;400;500&display=swap');

:root {
  /* Couleurs */
  --ink:        #080807;
  --ink2:       #0f0e0d;
  --charcoal:   #181614;
  --surface:    #1e1c1a;
  --gold:       #C9A84C;
  --gold-light: #E8C97A;
  --gold-dim:   rgba(201,168,76,0.12);
  --cream:      #F0EAD6;
  --smoke:  #9a9088;
  --border: rgba(255,255,255,0.09); 

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

  /* Espacement */
  --gap-xs:  0.5rem;
  --gap-sm:  1rem;
  --gap-md:  2rem;
  --gap-lg:  4rem;
  --gap-xl:  7rem;

  /* Conteneur */
  --max-w: 1280px;
  --pad-x: 1.25rem;

  /* Transitions */
  --ease: cubic-bezier(.22,1,.36,1);
  --t-fast: 0.3s var(--ease);
  --t-med:  0.6s var(--ease);
  --t-slow: 0.9s var(--ease);

  /* Z-index */
  --z-nav:      500;
  --z-overlay:  900;
  --z-cursor:   9999;
  --z-grain:    9990;
}