/*
 * Tokens du design system
 *
 * Extrait de templates/base.html.twig, ou ces regles vivaient dans un <style>
 * reinjecte a chaque page vue. Servi par AssetMapper : le nom porte une
 * empreinte de contenu, donc le fichier est cachable un an et partage par
 * toutes les pages.
 */

/* ============================================
   CSS DESIGN SYSTEM - Custom Properties
   Latin Night Editorial Dark Theme
============================================ */
:root {
    /* Color Palette - Dark Mode */
    --bg-main: #0d0d0d;
    --bg-card: #1a1a1a;
    --bg-elevated: #242424;
    --bg-input: #1e1e1e;
    --text-primary: #fdf6e3;
    --text-secondary: #b8b0a0;
    /* Remonte de #6b6460 : l'ancienne valeur mesurait 3,00:1 sur
       --bg-card, sous le seuil AA de 4,5 pour du texte courant. */
    --text-muted: #948b7f;
    --accent-coral: #ff6b5b;
    /* Le survol eclaircit : le bouton porte de l'encre sombre, c'est
       donc le fond qui doit gagner en luminosite. */
    --accent-coral-hover: #ff8577;
    --accent-coral-light: rgba(255, 107, 91, 0.15);
    --accent-amber: #f5a623;
    --accent-cream: #fdf6e3;
    /* Le corail a poser sur un fond clair. Le corail de marque mesure 2,57:1
       sur la creme -- il est fait pour du texte sur fond sombre, et la section
       << Ajoute une soiree >> est la seule surface claire du site. Cette
       variante atteint 4,76:1 sans changer de teinte. */
    --accent-coral-ink: #c2412f;
    --accent-navy: #2d3748;

    /* Event Background Colors (Dark Tinted Palette) */
    --event-bg-white: #1a1a1a;
    --event-bg-lavender: #1e1a24;
    --event-bg-mint: #1a2420;
    --event-bg-sky-blue: #1a1e24;
    --event-bg-cream: #24201a;
    --event-bg-pink: #241a1a;
    --event-bg-gray: #1e1e1e;
    --event-bg-yellow: #24221a;

    /* Border Variables */
    --border-subtle: rgba(255, 255, 255, 0.06);
    --border-medium: rgba(255, 255, 255, 0.1);

    /* Shadow Variables */
    --shadow-soft: 0 2px 20px rgba(0, 0, 0, 0.3);
    --shadow-medium: 0 4px 30px rgba(0, 0, 0, 0.5);
    --shadow-glow: 0 0 30px rgba(255, 107, 91, 0.08);

    /* Spacing Scale (rem-based) */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-2xl: 3rem;
    --spacing-3xl: 4rem;

    /* Border Radius */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-pill: 50px;

    /* Container Widths */
    --container-narrow: 800px;
    --container-wide: 1200px;

    /* Couleurs d'etat, distinctes de l'accent : une alerte n'est pas une
       emphase, et les confondre empeche de changer l'une sans l'autre. */
    --state-success: #28a745;
    --state-error: #dc3545;
    --state-warning: #ffc107;
}