/* ============================================
   CSS Custom Properties (Design Tokens)
   Charte « Séance » : noir chaud, crème, ambre pour ce qui est en cours.
   Un seul thème, sombre. Les polices sont déclarées dans fonts.css.
   ============================================ */
:root {
    /* Background colors */
    --bg-body: #0B0A09;
    --bg-primary: #171512;
    --bg-secondary: #2A2520;
    --bg-tertiary: #3A342D;
    /* Le fond en triplet RVB, pour les voiles : rgba(var(--bg-body-rgb), 0.6). */
    --bg-body-rgb: 11, 10, 9;

    /* Text colors */
    --text-primary: #F4F0EA;
    --text-soft: #D6D0C8;
    --text-secondary: #A39C94;
    --text-muted: #857D74;
    --text-primary-rgb: 244, 240, 234;

    /* Border */
    --border-color: #2B2620;

    /* Brand colors. L'ambre dit « en cours » : progression, élément courant,
       focus. Le texte posé dessus est sombre. */
    --primary: #F5B544;
    --primary-hover: #E9A631;
    --primary-light: #F8CB7A;
    --primary-contrast: #0B0A09;
    --primary-rgb: 245, 181, 68;
    --accent: #34d399;
    --accent-light: #6ee7b7;

    /* Status colors */
    --danger: #f87171;
    --warning: #facc15;

    /* Matières de la charte : le filet qui sépare, le verre qui se pose sur
       l'image ou sur le fond (survol, élément actif). */
    --filet: rgba(var(--text-primary-rgb), 0.10);
    --verre-survol: rgba(var(--text-primary-rgb), 0.08);
    --verre-actif: rgba(var(--text-primary-rgb), 0.14);
    --flou-verre: blur(18px) saturate(1.3);

    /* Polices (fonts.css) : texte, titres, numéros et durées. */
    --police-texte: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --police-titre: 'Instrument Serif', Georgia, 'Times New Roman', serif;
    --police-chiffres: 'IBM Plex Mono', 'SF Mono', Menlo, Consolas, monospace;

    /* Layout. Hauteur EXACTE de .navbar (base.css, sticky) : la page d'accueil
       (Phase 48) en déduit la hauteur qui reste pour ses panneaux. */
    --hauteur-navbar: 52px;
    /* Hauteur de la barre d'outils collante de la bibliothèque (Phase 33), la
       même dans tous ses états : le sommaire et les ancres des collections
       s'arrêtent sous elle. */
    --hauteur-barre-outils: 3.6rem;

    /* Géométrie PAR DÉFAUT de la bulle du mini-lecteur, source unique : l'accueil
       de quatre reprises (Phase 48) la relit pour que le texte du dernier panneau
       s'arrête à gauche d'elle (les panneaux ne sont pas des descendants de la
       bulle). */
    --largeur-mini-lecteur: 320px;
    --marge-mini-lecteur: 1.25rem;

    /* Radius & shadows */
    --radius: 10px;
    --radius-lg: 16px;
    --rayon-pilule: 999px;
    --shadow: 0 2px 8px rgba(0,0,0,.35);
    --shadow-md: 0 4px 16px rgba(0,0,0,.45);

    /* Type-specific badges (for data columns / categories) */
    --type-integer: #60a5fa;
    --type-float: #a78bfa;
    --type-categorical: #f472b6;
    --type-datetime: #facc15;
    --type-boolean: #34d399;
}