/* Tokens de design de Radio Miroir d'Haïti : source unique des couleurs, polices, formes et ombres.
   Chargé avant style.css par le site (partials/head.php) et par l'application (webapp/index.php). */
:root {
    --color-primary: #ffde59; /* Jaune Néon Éclatant */
    --color-secondary: #ff0040; /* Rouge Vif Énergique */
    --color-accent: #8b5cf6;  /* Violet Spirituel */
    --color-bg: #000000;
    --color-dark: #0d0d0d; /* Remplacé par --color-dark-1 pour éviter conflit */
    --color-dark-1: #0d0d0d;
    --color-dark-2: #1a1a1a;
    --color-text-light: #f0f0f0;
    --color-text-mid: #a0a0a0;
    
    --font-title: 'Oswald', sans-serif;
    --font-body: 'Poppins', sans-serif;

    --glow-primary: 0 0 25px rgba(255, 222, 89, 0.4);
    --glow-secondary: 0 0 25px rgba(255, 0, 64, 0.5);
    --glow-accent: 0 0 30px rgba(139, 92, 246, 0.4);

    --player-height: 96px;
    --ply-h: 96px; /* Ajout pour compatibilité avec le CSS original */
    --border-radius-lg: 20px;
    --border-radius-md: 12px;
    --border-radius-sm: 8px;
    --transition-main: 0.35s cubic-bezier(0.19, 1, 0.22, 1);

    /* --- Palette neutre et alertes (valeurs identiques à l'existant) --- */
    --color-white: #fff;
    --color-black: #000;
    --color-gray-100: #eee;
    --color-gray-200: #ccc;
    --color-gray-300: #aaa;
    --color-gray-800: #1e1e1e;
    --color-gray-850: #121212;
    --color-gray-900: #111;
    --color-gray-950: #0a0a0a;
    --color-pink: #ff4d8d;
    --color-pink-alt: #ff4081;
    --color-pink-hot: #ff2d7a;
    --color-danger: #e63946;
    --color-red-soft: #ff3b3b;
    --color-wine: #7c1f3e;
    --color-orange: #ff9f43;
    --color-yellow-alt: #fce302;
    --color-paypal: #0070ba;

    /* --- Voiles et filets (blanc / noir translucides) --- */
    --white-05: rgba(255, 255, 255, 0.05);
    --white-08: rgba(255, 255, 255, 0.08);
    --white-10: rgba(255, 255, 255, 0.1);
    --white-15: rgba(255, 255, 255, 0.15);
    --white-20: rgba(255, 255, 255, 0.2);
    --white-30: rgba(255, 255, 255, 0.3);
    --white-85: rgba(255, 255, 255, 0.85);
    --black-25: rgba(0, 0, 0, 0.25);
    --black-35: rgba(0, 0, 0, 0.35);
    --black-40: rgba(0, 0, 0, 0.4);
    --black-50: rgba(0, 0, 0, 0.5);
    --black-60: rgba(0, 0, 0, 0.6);
    --black-85: rgba(0, 0, 0, 0.85);

    /* --- Formes --- */
    --radius-round: 50%;
    --radius-pill: 50px;
}