/* ============================================================
 * Hidaya Theme — Variables CSS
 * Source unique de vérité pour la palette, la typographie,
 * les courbes d'animation et les durées. Aucune couleur ne doit
 * être hardcodée dans les composants : utiliser ces variables.
 * ============================================================ */

:root {
  /* ── Palette Shonen ─────────────────────────────────────── */
  --shonen-red:    #FF2F33;
  --shonen-gold:   #F2C844;
  --shonen-black:  #0A0A0C;
  --shonen-steel:  #2A2A2E;
  --shonen-gray:   #9CA3AF;

  /* Variations utilitaires */
  --shonen-red-soft:    rgba(255, 47, 51, 0.15);
  --shonen-red-glow:    rgba(255, 47, 51, 0.40);
  --shonen-gold-soft:   rgba(242, 200, 68, 0.15);
  --shonen-gold-glow:   rgba(242, 200, 68, 0.40);
  --shonen-bg-card:     #0F0F14;
  --shonen-bg-card-alt: #13131A;
  --shonen-bg-input:    #0D0D14;

  /* ── Typographie ───────────────────────────────────────── */
  --font-heading: 'Bebas Neue', 'Impact', sans-serif;
  --font-body:    'Inter', system-ui, -apple-system, sans-serif;

  /* ── Courbes d'animation ───────────────────────────────── */
  --ease-shonen: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --ease-out:    cubic-bezier(0.0, 0, 0.2, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-reveal: cubic-bezier(0.22, 0.61, 0.36, 1);

  /* ── Durées d'animation ────────────────────────────────── */
  --duration-flash:    100ms;
  --duration-action:   250ms;
  --duration-entrance: 500ms;
  --duration-reveal:   700ms;

  /* ── Layout ────────────────────────────────────────────── */
  --container-max: 80rem; /* 1280 px — équivalent max-w-7xl */
  --header-height: 5rem;

  /* ── Ombres ────────────────────────────────────────────── */
  --shadow-glow-red:  0 10px 20px -5px rgba(255, 47, 51, 0.40);
  --shadow-glow-gold: 0 10px 20px -5px rgba(242, 200, 68, 0.40);
  --shadow-card:      0 8px 24px rgba(0, 0, 0, 0.4);
}