/****************************
 * TYSHARA — CAPSULE FOUNDATION
 * Variables de marque + utilitaires réutilisables
 ****************************/

/* Palette par défaut (peut être override par thème/capsule via .capsule-XXX) */
:root {
  /* Encre & surfaces */
  --cap-ink:        #0f0f14;
  --cap-ink-soft:   rgba(15,15,20,.75);
  --cap-ink-inv:    #ffffff;

  --cap-surface:    rgba(255,255,255,.08);
  --cap-surface-2:  rgba(255,255,255,.12);

  /* Verre & blur */
  --glass-xs: rgba(255,255,255,.10);
  --glass-sm: rgba(255,255,255,.14);
  --glass-md: rgba(255,255,255,.18);

  --blur-sm: blur(6px);
  --blur-md: blur(10px);
  --blur-lg: blur(14px);

  /* Ombres */
  --cap-shadow-soft: 0 10px 28px rgba(0,0,0,.16);
  --cap-shadow-card: 0 8px 18px rgba(0,0,0,.12);

  /* Rayons + paddings */
  --cap-radius-sm: 10px;
  --cap-radius-md: 14px;
  --cap-radius-lg: 18px;

  --cap-pad-sm: .9rem;
  --cap-pad-md: 1.25rem;
  --cap-pad-lg: 2rem;

  /* Header height “hint” (pour fixed calc) */
  --header-h: 80px;

  /* Typos */
  --font-hero: 'Satisfy', cursive;
  --font-alt : 'Montserrat Alternates','Montserrat',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
}

/* Thèmes (exemples). Sur une capsule donnée, ajoute .capsule.capsule-<slug> pour surcharger */
.capsule.capsule-pop-culture {
  --cap-ink: #0c0c12;
}
.capsule.capsule-ex-voto {
  --cap-ink: #0a0d0f;
}

/* Helpers */
.u-glass {
  background: var(--glass-sm);
  backdrop-filter: var(--blur-md);
  -webkit-backdrop-filter: var(--blur-md);
}

.u-chip {
  display:inline-flex; align-items:center; justify-content:center;
  height:34px; padding:0 12px; border-radius:999px;
  background: var(--glass-xs);
  color: var(--cap-ink-inv);
  border: 1px solid rgba(255,255,255,.24);
}

/* Réduction motion */
@media (prefers-reduced-motion: reduce){
  * { scroll-behavior: auto !important; animation-duration: .001ms !important; }
}