/**
 * Toastifier CSS Variables
 * 
 * Centralized design tokens for toast notification system.
 * These variables can be overridden via inline <style> injection from PHP.
 * 
 * @package    Toastifier
 * @subpackage Core/CSS
 * @version    2.0.0
 * @since      2.0.0 Extracted from monolithic toastifier.css
 */

:root {
    /* ═══════════════════════════════════════════════════════════
       Primary Colors (Toast Type Colors)
       ═══════════════════════════════════════════════════════════ */
    --toastifier-success: #10b981;
    --toastifier-error: #ef4444;
    --toastifier-warning: #f59e0b;
    --toastifier-info: #3b82f6;
    
    /* ═══════════════════════════════════════════════════════════
       Background Colors (with transparency for glassmorphism)
       ═══════════════════════════════════════════════════════════ */
    --toastifier-success-bg: rgba(16, 185, 129, 0.85);
    --toastifier-error-bg: rgba(239, 68, 68, 0.85);
    --toastifier-warning-bg: rgba(245, 158, 11, 0.85);
    --toastifier-info-bg: rgba(59, 130, 246, 0.85);
    
    /* ═══════════════════════════════════════════════════════════
       Text Colors (ensure readability on backgrounds)
       ═══════════════════════════════════════════════════════════ */
    --toastifier-success-text: #ffffff;
    --toastifier-error-text: #ffffff;
    --toastifier-warning-text: #ffffff;
    --toastifier-info-text: #ffffff;
    
    /* ═══════════════════════════════════════════════════════════
       Border Colors (match primary colors)
       ═══════════════════════════════════════════════════════════ */
    --toastifier-success-border: #10b981;
    --toastifier-error-border: #ef4444;
    --toastifier-warning-border: #f59e0b;
    --toastifier-info-border: #3b82f6;
    
    /* ═══════════════════════════════════════════════════════════
       Icon Colors
       ═══════════════════════════════════════════════════════════ */
    --toastifier-success-icon: #10b981;
    --toastifier-error-icon: #ef4444;
    --toastifier-warning-icon: #f59e0b;
    --toastifier-info-icon: #3b82f6;
    
    /* ═══════════════════════════════════════════════════════════
       Icon Background Colors
       ═══════════════════════════════════════════════════════════ */
    --toastifier-success-icon-bg: rgba(255, 255, 255, 1);
    --toastifier-error-icon-bg: rgba(255, 255, 255, 1);
    --toastifier-warning-icon-bg: rgba(255, 255, 255, 1);
    --toastifier-info-icon-bg: rgba(255, 255, 255, 1);
    
    /* ═══════════════════════════════════════════════════════════
       Close Button Colors
       ═══════════════════════════════════════════════════════════ */
    --toastifier-close-btn: #000000;
    --toastifier-close-btn-hover: #000000;
    
    /* ═══════════════════════════════════════════════════════════
       Visual Effects & Styling
       ═══════════════════════════════════════════════════════════ */
    --toastifier-bg-opacity: 85;
    --toastifier-icon-bg-opacity: 100;
    --toastifier-border-width: 2px;
    --toastifier-border-radius: 16px;
    --toastifier-shadow: 0 10px 25px rgba(0, 0, 0, 0.1), 
                         0 5px 10px rgba(0, 0, 0, 0.05), 
                         inset 0 0 0 0.5px rgba(255, 255, 255, 0.4);
    
    /* ═══════════════════════════════════════════════════════════
       Spacing & Layout
       ═══════════════════════════════════════════════════════════ */
    --toastifier-padding: 16px 20px;
    --toastifier-gap: 12px;
    --toastifier-container-gap: 12px;
    
    /* ═══════════════════════════════════════════════════════════
       Animation Timing
       ═══════════════════════════════════════════════════════════ */
    --toastifier-transition-duration: 0.4s;
    --toastifier-transition-timing: cubic-bezier(0.33, 1, 0.68, 1);
}