/* ═══════════════════════════════════════════════════════════════
   StreamVault — Jetons de la direction artistique

   Extraits tels quels d'index.php et docs.php, où ils étaient
   dupliqués dans trois blocs <style> distincts — l'admin en avait
   d'ailleurs déjà une variante légèrement divergente.
   Source unique désormais : front, admin et docs partagent ce fichier.
   ═══════════════════════════════════════════════════════════════ */

:root {
    /* ── Couleurs ─────────────────────────────────────────── */
    --red:       #e8102a;
    --red-glow:  rgba(232, 16, 42, .18);
    --red-soft:  rgba(232, 16, 42, .08);
    --red-line:  rgba(232, 16, 42, .25);

    --bg:        #090909;
    --bg2:       #111;
    --bg3:       #181818;
    --card:      #121212;

    --border:    rgba(255, 255, 255, .07);
    --border2:   rgba(255, 255, 255, .12);

    --text:      #f0f0f0;
    --muted:     #888;
    --muted2:    #555;

    /* Statuts — repris du vocabulaire déjà présent dans l'admin */
    --green:     #22c55e;
    --amber:     #f59e0b;
    --blue:      #60a5fa;
    --purple:    #a78bfa;

    /* ── Typographie ──────────────────────────────────────── */
    --ff-d:      'Bebas Neue', sans-serif;   /* titres, chiffres */
    --ff-b:      'DM Sans', sans-serif;      /* texte courant */

    /* ── Formes ───────────────────────────────────────────── */
    --r:         14px;   /* cartes */
    --r-sm:      8px;    /* champs, boutons */
    --r-pill:    100px;  /* onglets, badges */
}

/* ── Réinitialisation ─────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; }

body {
    background: var(--bg);
    color: var(--text);
    font-family: var(--ff-b);
    font-size: 14px;
    line-height: 1.6;
    min-height: 100vh;
    overflow-x: hidden;
}

/* Halo rouge en haut de page — signature visuelle du site */
body::before {
    content: '';
    position: fixed;
    inset: 0;
    background: radial-gradient(ellipse 80% 40% at 50% -5%, rgba(232, 16, 42, .1) 0%, transparent 65%);
    pointer-events: none;
    z-index: 0;
}

a { color: inherit; }

code, kbd, .mono {
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: .92em;
}