/* ============================================================
   ALOUNIKA — tokens.css
   Design system (variables). Dérivé de la maquette d'accueil.
   RÉFÉRENCE DE STYLE de tous les mondes. Ne pas diverger sans
   raison : les autres pages réutilisent ces mêmes tokens.
   ============================================================ */

:root {
  /* ---- Couleurs : bleu nuit profond ---- */
  --c-night-900: #05091c;   /* fond le plus profond */
  --c-night-800: #0a1330;   /* fond de base des sections */
  --c-night-700: #0f1d45;   /* nébuleuse / dégradés */
  --c-night-600: #16264f;   /* reliefs, cartes */
  --c-night-500: #1e3566;   /* accents froids */

  /* ---- Or chaud ---- */
  --c-gold-300: #f3e0a2;    /* highlight titres */
  --c-gold-400: #ecc86f;    /* or clair */
  --c-gold-500: #d9a94b;    /* or principal (titres, traits) */
  --c-gold-600: #b9863a;    /* or profond / ombres dorées */

  /* ---- Neutres ---- */
  --c-cream: #f4efe4;             /* texte secondaire clair */
  --c-cream-dim: rgba(244,239,228,.72);
  --c-ink: #0a0f20;              /* texte sur fond clair (rare) */

  /* ---- Dégradés utilitaires ---- */
  /* Or métallique « liquide » : bande claire de reflet vers le milieu, précédée
     d'un stop plus sombre (effet lingot), bronze en bas. */
  --grad-gold: linear-gradient(180deg,#fff2c2 0%,#f6d980 26%,#eac559 48%,#fbe9a0 60%,#e8c45f 80%,#cfa63f 100%);
  --grad-night: radial-gradient(120% 120% at 30% 20%, var(--c-night-700), var(--c-night-900) 70%);

  /* ---- Voile de lisibilité sous les textes (invisible, non "overlay cassant") ---- */
  --veil-text: radial-gradient(60% 100% at 30% 50%, rgba(5,9,28,.55), transparent 75%);

  /* ---- Typographie ---- */
  --font-display: "Playfair Display", Georgia, serif;     /* titres — Didone haut contraste (réf. hero, FR+RU) */
  --font-display-cyr: "Playfair Display", Georgia, serif; /* titres — CYRILLIQUE (RU), Cinzel n'a pas le cyrillique */
  --font-serif: "Cormorant Garamond", Georgia, serif;     /* sous-titres, taglines, citations (FR+RU) */
  --font-ui: "Inter", system-ui, sans-serif;              /* corps, UI, prix (FR+RU) */

  --fs-hero: clamp(2.5rem, 3.9vw, 4.1rem); /* grande ligne « Numérologie » — min relevé pour le mobile (hiérarchie titre > tagline) ; desktop inchangé via le vw */
  --fs-h1: clamp(2.2rem, 5vw, 4rem);
  --fs-h2: clamp(1.6rem, 3.2vw, 2.6rem);
  --fs-body: clamp(1rem, 1.15vw, 1.15rem);
  --fs-small: .85rem;
  --tracking-display: .12em;              /* interlettrage des capitales dorées */

  /* ---- Espacement (échelle 4pt) ---- */
  --sp-1:.25rem; --sp-2:.5rem; --sp-3:.75rem; --sp-4:1rem; --sp-6:1.5rem;
  --sp-8:2rem; --sp-12:3rem; --sp-16:4rem; --sp-24:6rem;

  /* ---- Rayons & ombres ---- */
  --radius-sm:.4rem; --radius-md:.8rem; --radius-lg:1.4rem; --radius-pill:999px;
  --shadow-gold: 0 0 40px rgba(217,169,75,.25);
  --shadow-soft: 0 20px 60px rgba(0,0,0,.45);

  /* ---- Mouvement / durées ---- */
  --dur-portal: 620ms;         /* transition entre mondes (dans 400–800ms) */
  --ease-portal: cubic-bezier(.65,0,.35,1);
  --dur-slow: 24s;             /* rotation planète, dérives lentes */

  /* ---- Couches (z-index) — ordre strict ---- */
  --z-bg: 0;         /* vidéo/fond de section */
  --z-bg-fx: 5;      /* chiffres flottants, constellations, particules */
  --z-content: 10;   /* titres, textes, boutons */
  --z-fab: 80;       /* pastille flottante chemin de vie */
  --z-header: 100;   /* header constant */
  --z-portal: 900;   /* couche d'effet portail (révélation calculateur) */
  --z-modal: 1000;   /* overlay calculateur */
}