/* ============================================
   VARIABLES — DNA of 3 worlds
   Japan → Ouarzazate → Ancient Greece
   ============================================ */

:root {
  /* ── JAPAN — ink black, washi paper, sakura ── */
  --japan-bg:         #0A0A0A;
  --japan-bg-alt:     #111110;
  --japan-text:       #E8E4DC;
  --japan-text-mid:   #7A756D;
  --japan-accent:     #D4A0B5;  /* sakura — fleur de cerisier */
  --japan-accent-deep:#B07090;  /* sakura profond — pour les ombres */

  /* ── OUARZAZATE — desert night, pisé walls, copper lantern ── */
  --ouarza-bg:        #0D0906;
  --ouarza-bg-alt:    #1A110A;
  --ouarza-warm:      #2A1810;
  --ouarza-text:      #F0E0C8;
  --ouarza-text-mid:  #8A7560;
  --ouarza-accent:    #C47A2A;  /* cuivre chaud / flamme de lanterne */
  --ouarza-accent-deep:#8B4513; /* terre cuite */
  --ouarza-pattern:   rgba(196, 122, 42, 0.03);
  --ouarza-star:      rgba(255, 235, 200, 0.4);

  /* ── ANCIENT GREECE — deep aegean night, marble, gold ── */
  --greece-bg:        #080C14;  /* nuit égéenne profonde */
  --greece-bg-alt:    #0D1220;
  --greece-bg-mid:    #111828;
  --greece-text:      #EDE8DF;  /* parchemin clair */
  --greece-text-mid:  #9A9488;
  --greece-accent:    #C9A84C;  /* or antique */
  --greece-accent-deep:#9A7A2A; /* or oxydé */
  --greece-marble:    rgba(237, 232, 223, 0.05); /* marbre fantôme */
  --greece-pattern:   rgba(201, 168, 76, 0.035);

  /* ── FOOTER — deep close ── */
  --footer-bg:        #050709;
  --footer-text:      #6A6860;

  /* ── Typography ── */
  --font-japan:    'Zen Antique', serif;
  --font-ouarza:   'Cinzel', serif;
  --font-greece:   'Cinzel', serif;       /* colonnes doriques → Cinzel, lapidaire */
  --font-morocco:  'Playfair Display', serif;
  --font-ethiopia: 'DM Serif Display', serif;
  --font-sans:     'Inter', 'Helvetica Neue', sans-serif;
  --font-mono:     'JetBrains Mono', monospace;

  /* ── Spacing (8px base) ── */
  --space-2xs:  0.25rem;
  --space-xs:   0.5rem;
  --space-sm:   1rem;
  --space-md:   2rem;
  --space-lg:   4rem;
  --space-xl:   8rem;
  --space-2xl:  12rem;

  /* ── Motion ── */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out:   cubic-bezier(0.65, 0, 0.35, 1);
  --duration:      0.6s;
  --duration-slow: 1.2s;

  /* ── Layout ── */
  --container-max:     1400px;
  --container-padding: clamp(1.5rem, 5vw, 4rem);
}