/* ============================================
   CSS VARIABLES - Roll100
   Centralisation de toutes les couleurs, 
   espacements et styles communs
   ============================================ */

:root {
    /* ========================================
       COULEURS PRINCIPALES
       ======================================== */
    
    /* Gold / Primary - Thème parchemin */
    --gold-primary: #d4af37;
    --gold-light: #f0c674;
    --gold-lighter: #f0c43f;
    --gold-dark: #a68929;
    --gold-muted: #8b7023;
    --gold-accent: #d4a84b;
    
    /* Backgrounds */
    --bg-darkest: #0d0d0d;
    --bg-darker: #1a1a1a;
    --bg-dark: #252525;
    --bg-card: #2d2d2d;
    --bg-hover: #333333;
    --bg-light: #3d3d3d;
    --bg-lighter: #404040;
    --bg-input: #1a1a1a;
    
    /* Parchment theme (wizard) */
    --parchment-bg: linear-gradient(135deg, #1a1410 0%, #2d261e 50%, #1a1410 100%);
    --parchment-border: #8b7355;
    --parchment-dark: #1a1410;
    --parchment-accent: #4a3a2a;
    --parchment-text: #a89070;
    
    /* Text */
    --text-primary: #e0e0e0;
    --text-secondary: #c0c0c0;
    --text-muted: #a0a0a0;
    --text-dim: #888888;
    --text-dark: #666666;
    
    /* Status Colors */
    --success: #4caf50;
    --success-dark: #388e3c;
    --success-light: #81c784;
    
    --warning: #f0c674;
    --warning-dark: #f39c12;
    --warning-light: #ffb74d;
    
    --danger: #e74c3c;
    --danger-dark: #c0392b;
    --danger-light: #ef5350;
    
    --info: #3498db;
    --info-dark: #2980b9;
    --info-light: #64b5f6;
    
    /* Magic Schools / Special */
    --magic-arcane: #9b59b6;
    --magic-divine: #f1c40f;
    --magic-nature: #27ae60;
    --magic-necro: #8e44ad;
    
    /* Class colors */
    --class-martial: #c0392b;
    --class-caster: #2980b9;
    --class-hybrid: #8e44ad;
    
    /* ========================================
       ESPACEMENTS
       ======================================== */
    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --space-xxl: 3rem;
    
    /* ========================================
       BORDURES & RADIUS
       ======================================== */
    --radius-xs: 3px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 20px;
    --radius-round: 50%;
    
    --border-subtle: 1px solid var(--bg-lighter);
    --border-gold: 1px solid var(--gold-primary);
    --border-gold-muted: 1px solid rgba(212, 175, 55, 0.3);
    
    /* ========================================
       OMBRES
       ======================================== */
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.2);
    --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.4);
    --shadow-xl: 0 12px 24px rgba(0, 0, 0, 0.5);
    
    --shadow-gold: 0 0 10px rgba(212, 175, 55, 0.3);
    --shadow-gold-lg: 0 0 20px rgba(212, 175, 55, 0.4);
    --shadow-gold-glow: 0 0 30px rgba(212, 175, 55, 0.5);
    
    --shadow-inset: inset 0 0 80px rgba(0, 0, 0, 0.5);
    --shadow-parchment: 0 0 40px rgba(212, 168, 75, 0.1), inset 0 0 80px rgba(0, 0, 0, 0.5);
    
    /* ========================================
       TRANSITIONS
       ======================================== */
    --transition-fast: 0.15s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;
    --transition-bounce: 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    
    /* ========================================
       TYPOGRAPHIE
       ======================================== */
    --font-main: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --font-title: 'Cinzel', 'Times New Roman', serif;
    
    --text-xs: 0.7rem;
    --text-sm: 0.8rem;
    --text-base: 0.9rem;
    --text-md: 1rem;
    --text-lg: 1.2rem;
    --text-xl: 1.5rem;
    --text-xxl: 2rem;
    --text-hero: 2.5rem;
    
    /* ========================================
       Z-INDEX LAYERS
       ======================================== */
    --z-base: 1;
    --z-dropdown: 100;
    --z-sticky: 200;
    --z-fixed: 500;
    --z-modal-backdrop: 900;
    --z-modal: 1000;
    --z-tooltip: 1100;
    --z-notification: 1200;
}

/* ============================================
   DARK MODE ADJUSTMENTS (si besoin futur)
   ============================================ */
@media (prefers-color-scheme: dark) {
    :root {
        /* Les valeurs par défaut sont déjà dark */
    }
}