/* ==========================================================================
   COUCHE 1 — VARIABLES
   Tokens de la DA Kraken, alignés sur la maquette v2.
   Les couleurs de marque restent celles du skill cricaud-identite ; la
   maquette ajoute une hiérarchie de surfaces profondes (abysse, panneau)
   qui n'existait pas encore.
   AUCUNE valeur hexadécimale ne doit exister ailleurs que dans ce fichier.
   ========================================================================== */

:root {
  /* --- Couleurs de marque (canoniques) -------------------------------- */
  --kr-noir:   #0B0D0F;   /* fond dominant */
  --kr-teal:   #0F3D3E;   /* profondeur, dégradés */
  --kr-orange: #FF6A00;   /* accent d'action UNIQUEMENT */
  --kr-or:     #C89B3C;   /* détails premium, filets, icônes */
  --kr-ivoire: #F2EDE4;   /* texte courant */

  /* --- Surfaces (hiérarchie issue de la maquette v2) ------------------- */
  --kr-abysse:  #071217;  /* sections profondes */
  --kr-panneau: #0B171D;  /* cartes et panneaux */
  --kr-gris:    #9AABB0;  /* texte secondaire sur fond sombre */

  /* --- Dérivés — jamais de nouveau hex -------------------------------- */
  --kr-ivoire-70: rgba(242, 237, 228, .70);
  --kr-ivoire-45: rgba(242, 237, 228, .45);
  --kr-ivoire-10: rgba(242, 237, 228, .10);
  --kr-or-60:     rgba(200, 155, 60, .60);
  --kr-or-38:     rgba(200, 155, 60, .38);
  --kr-or-15:     rgba(200, 155, 60, .15);
  --kr-orange-22: rgba(255, 106, 0, .22);
  --kr-orange-13: rgba(255, 106, 0, .13);
  --kr-noir-82:   rgba(11, 13, 15, .82);
  --kr-noir-52:   rgba(11, 13, 15, .52);
  --kr-bleu-grille: rgba(117, 173, 191, .42);

  /* --- Dégradé signature ---------------------------------------------- */
  --kr-degrade-profondeur: linear-gradient(180deg, var(--kr-noir) 0%, var(--kr-abysse) 100%);

  /* --- Typographie ----------------------------------------------------- */
  /* La maquette v2 abandonne la romaine (Cinzel) au profit d'une grotesque
     très grasse en capitales : plus proche du registre « instrument »
     que du registre « manuscrit ». Archivo Black est l'équivalent web
     d'Arial Black utilisé dans la maquette. */
  --kr-font-display: 'Archivo Black', 'Arial Black', Impact, sans-serif;
  --kr-font-corps:   'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --kr-lh-titre: .95;
  --kr-ls-titre: -.045em;
  --kr-lh-corps: 1.55;
  --kr-ls-meta:  .12em;

  /* --- Espacements ----------------------------------------------------- */
  --kr-s1:  8px;
  --kr-s2: 16px;
  --kr-s3: 24px;
  --kr-s4: 40px;
  --kr-s5: 64px;
  --kr-s6: clamp(72px, 9vw, 110px);

  /* --- Grille ---------------------------------------------------------- */
  --kr-container: 1220px;
  --kr-texte-max: 680px;

  /* --- Formes et profondeur ------------------------------------------- */
  --kr-radius-btn:   4px;
  --kr-radius-carte: 8px;
  --kr-radius-bloc: 16px;
  --kr-ombre:       0 28px 90px rgba(0, 0, 0, .44);
  --kr-ombre-carte: 0 24px 60px rgba(0, 0, 0, .32);
  --kr-transition:  .3s cubic-bezier(.2, .6, .3, 1);
}

@media (prefers-reduced-motion: reduce) {
  :root { --kr-transition: 0s; }
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}