/* ─────────────────────────────────────────────────────────────────────────────
   PlayTime — jetons de design (communs à tous les thèmes)
   Les couleurs, le fond et la police d'affiche viennent du thème (themes.css).
   ───────────────────────────────────────────────────────────────────────────── */
:root {
    /* Typographie : Bricolage Grotesque partout, repli système pour le grec / chinois */
    --font-ui: 'Bricolage Grotesque', system-ui, -apple-system, 'Segoe UI', 'Noto Sans', 'PingFang SC', 'Microsoft YaHei', sans-serif;
    --font-display: var(--font-ui);
    --display-weight: 700;
    --display-tracking: -0.02em;
    --display-transform: none;
    --display-style: normal;

    /* Lisibilité sur téléphone : rien sous ~15 px (sauf les libellés de la barre d'onglets, ~13,5 px) */
    --text-xs: 0.875rem;
    --text-s: 0.95rem;
    --text-m: 1rem;
    --text-l: 1.2rem;
    --text-xl: clamp(1.6rem, 6vw, 2.2rem);
    --text-hero: clamp(5rem, 27vw, 11rem);

    /* Espacements et rayons */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 3rem;
    --radius-s: 12px;
    --radius-m: 18px;
    --radius-l: 26px;
    --radius-pill: 999px;
    --tap: 48px;               /* cible tactile minimale */
    --tabbar-h: 76px;

    /* Mouvement */
    --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
    --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
    --dur-1: 140ms;
    --dur-2: 260ms;
    --dur-3: 520ms;

    /* Valeurs par défaut (thème Aurore), surchargées par chaque thème */
    --bg-base: #2d1b4e;
    --bg-image: none;
    --scrim: 45, 27, 78;       /* couleur du voile (r, g, b) */
    --scrim-top: 0.55;
    --scrim-bottom: 0.85;
    --ink: #ffffff;
    --ink-soft: rgba(255, 255, 255, 0.86);
    --ink-faint: rgba(255, 255, 255, 0.7);
    --glass-border: rgba(255, 255, 255, 0.16);
    --accent: #ffd166;
    --accent-ink: #2d1b4e;
    --accent-2: #ff7aa2;
    --danger: #ff8f7a;
    --success: #8ff0b5;
}

/* Variables DÉRIVÉES de --scrim : à déclarer là où le thème est posé. Déclarées sur :root, elles
   seraient calculées une fois avec le voile par défaut et héritées telles quelles (verre violet partout). */
:root, [data-theme] {
    --glass: rgba(var(--scrim), 0.66);         /* ≥ 4,5:1 pour du texte blanc, même sur une zone blanche de la photo */
    --glass-strong: rgba(var(--scrim), 0.78);
}