/* Fichier généré par bin/assets.php depuis design/tokens.css : ne pas modifier ici. */
/* ==========================================================
   voyanceonline.com — tokens de design (direction « Nuit dorée »)
   Source : maquette validée (design/maquette/index.html)
   ========================================================== */

@font-face {
  font-family: "Cormorant Garamond";
  src: url("../fonts/cormorant-garamond-var.woff2") format("woff2");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("../fonts/cormorant-garamond-italic-var.woff2") format("woff2");
  font-weight: 300 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("../fonts/manrope-var.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Fonds (du plus profond au plus clair) */
  --nuit: #121020;          /* fond de page */
  --nuit-2: #19162A;        /* sections alternées */
  --surface: #1C1930;       /* cartes, bulles, panneaux */
  --surface-2: #221E38;     /* carte mise en avant (pack) */
  --surface-3: #262238;     /* bulle du voyant dans le chat */

  /* Filets */
  --ligne: #2A2540;         /* séparateurs de sections */
  --ligne-2: #3A3352;       /* bordures de cartes */
  --ligne-3: #4A4463;       /* bordures de boutons secondaires */

  /* Texte */
  --texte: #F2EADB;         /* texte principal (ivoire) */
  --texte-2: #CFC6DA;       /* texte secondaire */
  --texte-3: #A79DB5;       /* légendes, mentions */

  /* Accents */
  --or: #D4AF6A;            /* accent principal, CTA, filets d'arches */
  --or-fonce: #8A6A2E;      /* filet intérieur des arches et cartes */
  --sur-or: #121020;        /* texte posé sur fond or */
  --ia: #B9A8EE;            /* badge « IA » */
  --ia-ligne: #5B4F86;

  /* Cartes de tarot dessinées */
  --carte: #F2EADB;
  --carte-encre: #2A2440;
  --carte-rouge: #9A2F2F;   /* cœur et carreau du jeu de 32 cartes */

  /* Écran de conversation (design/maquette/chat-mobile.html) */
  --chat-autour: #0B0A14;   /* fond derrière la colonne de chat */
  --chat-fond: #15131F;     /* fond de la conversation */
  --chat-bulle: #1E1B2C;    /* bulle du voyant */
  --chat-bordure: #34304A;  /* bordure des bulles et du champ de saisie */
  --chat-ligne: #2E2A40;    /* séparateurs de l'en-tête et de la saisie */

  /* Typographie */
  --serif: "Cormorant Garamond", Georgia, serif;   /* titres, noms, prix */
  --sans: "Manrope", system-ui, sans-serif;         /* interface, texte courant */

  /* Mise en page */
  --conteneur: 1200px;
  --gouttiere: clamp(16px, 4vw, 40px);
  --section-y: 104px;

  /* Rayons */
  --r-pilule: 999px;
  --r-carte: 20px;
  --r-bulle: 18px;
  --r-arche: 130px 130px 8px 8px;   /* portraits (arche en plein cintre) */

  /* Ombres (reprises de la maquette) */
  --ombre-panneau: 0 24px 60px rgba(0, 0, 0, 0.4);    /* aperçu de chat */
  --ombre-carte: 0 20px 44px rgba(0, 0, 0, 0.55);     /* carte de tarot posée */
}

/* Échelle typographique utilisée dans la maquette
   h1   : serif 600, clamp(44px, 5.4vw, 78px), interligne 1.02
   h2   : serif 600, clamp(34px, 3.8vw, 52px), interligne 1.08
   nom  : serif 600, 32px
   prix : serif 600, 54px
   sur-titre : sans 700, 13px, capitales, interlettrage 0.18em, couleur --or
   texte : sans 400, 16–19px, interligne 1.6, couleur --texte-2
   bouton : sans 700, 15–16px, hauteur min 48–52px, pilule */