/* ========================================
   CORPORATE CHARCOAL & WARM COPPER THEME
   Safari Vents Design System
   ======================================== */

:root {
    /* ===== TYPOGRAPHY ===== */
    --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

    /* ===== CHARCOAL & MATTE DARK ===== */
    --primary-charcoal: #18181b;
    --primary-charcoal-light: #242428;
    --primary-dark: #121214;
    --primary-surface: #222225;

    /* ===== HONEY AMBER ACCENTS (Digital Storm) ===== */
    --accent-copper: #DD7A28;
    --accent-copper-hover: #c56820;
    --accent-copper-active: #b55c18;
    --accent-copper-light: rgba(221, 122, 40, 0.15);
    --accent-copper-glow: rgba(221, 122, 40, 0.25);

    /* ===== WARM CREAM CANVAS BACKGROUNDS ===== */
    --bg-sand: #F5EFE6;
    --bg-sand-light: #FAF8F5;
    --card-surface: #ffffff;

    /* ===== LEGACY BLUE & GOLD MAPPINGS ===== */
    --primary-navy: #18181b;
    --primary-blue: #18181b;
    --primary-light: #27272a;
    --primary-lighter: #3f3f46;
    --primary-lightest: #F5EFE6;
    --primary-dark: #121214;
    --primary-darker: #09090b;
    
    /* ===== ACCENT COLORS (Honey Amber) ===== */
    --accent-gold: #DD7A28;
    --accent-amber: #DD7A28;
    --accent-light: #FFF7ED;
    --accent-lighter: #FFFAF5;
    --accent-dark: #c56820;
    --accent-darker: #b55c18;
    
    /* ===== NEUTRAL COLORS ===== */
    --text-primary: #18181b;
    --text-secondary: #4b5563;
    --text-muted: #6b7280;
    --text-light: #9ca3af;
    
    --background-white: #ffffff;
    --background-light: #faf7f2;
    --background-gray: #f4efe6;
    --background-dark: #e8e2d8;
    
    --border-light: #e8e2d8;
    --border-medium: #d6cebf;
    --border-dark: #a89f8d;
    
    /* ===== STATUS COLORS ===== */
    --success: #16a34a;
    --success-light: #22c55e;
    --success-lighter: #dcfce7;
    --success-dark: #15803d;
    
    --warning: #f59e0b;
    --warning-light: #fbbf24;
    --warning-lighter: #fef3c7;
    --warning-dark: #d97706;
    
    --danger: #dc2626;
    --danger-light: #ef4444;
    --danger-lighter: #fee2e2;
    --danger-dark: #b91c1c;
    
    --info: #0284c7;
    --info-light: #38bdf8;
    --info-lighter: #e0f2fe;
    --info-dark: #0369a1;
    
    /* ===== GRADIENTS ===== */
    --gradient-primary: linear-gradient(135deg, #18181b 0%, #27272a 100%);
    --gradient-primary-hover: linear-gradient(135deg, #09090b 0%, #18181b 100%);
    --gradient-accent: linear-gradient(135deg, #b86d26 0%, #d97706 100%);
    --gradient-accent-hover: linear-gradient(135deg, #a25c1a 0%, #b86d26 100%);
    --gradient-success: linear-gradient(135deg, #16a34a 0%, #22c55e 100%);
    --gradient-info: linear-gradient(135deg, #0284c7 0%, #38bdf8 100%);
    --gradient-subtle: linear-gradient(135deg, #f4efe6 0%, #ffffff 100%);
    --gradient-gold-shine: linear-gradient(135deg, #d8893d 0%, #b86d26 50%, #d8893d 100%);
    
    /* ===== MODULE-SPECIFIC COLORS ===== */
    /* Hotels */
    --hotel-primary: #b86d26;
    --hotel-accent: #18181b;
    --hotel-gradient: linear-gradient(135deg, #18181b 0%, #b86d26 100%);
    
    /* Events */
    --event-equipment: #7c3aed;
    --event-package: #b86d26;
    --event-gradient: linear-gradient(135deg, #b86d26 0%, #a25c1a 100%);
    
    /* Admin */
    --admin-primary: #18181b;
    --admin-accent: #b86d26;
    
    /* Owner */
    --owner-primary: #18181b;
    --owner-accent: #b86d26;
    
    /* ===== SHADOWS ===== */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
    --shadow-md: 0 4px 12px -1px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 10px 24px -3px rgba(0, 0, 0, 0.08);
    --shadow-xl: 0 20px 32px -5px rgba(0, 0, 0, 0.1);
    --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.15);
    --shadow-copper: 0 8px 24px -4px rgba(184, 109, 38, 0.3);
    --shadow-gold: 0 8px 24px -4px rgba(184, 109, 38, 0.3);
    --shadow-blue: 0 8px 24px -4px rgba(24, 24, 27, 0.2);
    
    /* ===== TRANSITIONS ===== */
    --transition-fast: 150ms ease-in-out;
    --transition-normal: 300ms ease-in-out;
    --transition-slow: 500ms ease-in-out;
    
    /* ===== BORDER RADIUS ===== */
    --radius-sm: 0.375rem;
    --radius-md: 0.5rem;
    --radius-lg: 0.75rem;
    --radius-xl: 1rem;
    --radius-2xl: 1.5rem;
    --radius-full: 9999px;
    
    /* ===== SPACING ===== */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-2xl: 3rem;
}

/* ===== DARK MODE VARIANTS ===== */
@media (prefers-color-scheme: dark) {
    :root {
        --text-primary: #f9fafb;
        --text-secondary: #d1d5db;
        --text-muted: #9ca3af;
        
        --background-white: #1f2937;
        --background-light: #111827;
        --background-gray: #374151;
        --background-dark: #4b5563;
        
        --border-light: #374151;
        --border-medium: #4b5563;
        --border-dark: #6b7280;
    }
}

/* ===== UTILITY CLASSES ===== */

/* Text Colors */
.text-primary { color: var(--primary-blue); }
.text-accent { color: var(--accent-gold); }
.text-success { color: var(--success); }
.text-warning { color: var(--warning); }
.text-danger { color: var(--danger); }
.text-info { color: var(--info); }
.text-muted { color: var(--text-muted); }

/* Background Colors */
.bg-primary { background-color: var(--primary-blue); }
.bg-accent { background-color: var(--accent-gold); }
.bg-success { background-color: var(--success); }
.bg-warning { background-color: var(--warning); }
.bg-danger { background-color: var(--danger); }
.bg-info { background-color: var(--info); }

/* Gradient Backgrounds */
.bg-gradient-primary { background: var(--gradient-primary); }
.bg-gradient-accent { background: var(--gradient-accent); }
.bg-gradient-success { background: var(--gradient-success); }
.bg-gradient-info { background: var(--gradient-info); }
.bg-gradient-subtle { background: var(--gradient-subtle); }

/* Border Colors */
.border-primary { border-color: var(--primary-blue); }
.border-accent { border-color: var(--accent-gold); }
.border-success { border-color: var(--success); }
.border-warning { border-color: var(--warning); }
.border-danger { border-color: var(--danger); }

/* Shadows */
.shadow-gold { box-shadow: var(--shadow-gold); }
.shadow-blue { box-shadow: var(--shadow-blue); }

/* Hover Effects */
.hover-lift {
    transition: transform var(--transition-normal), box-shadow var(--transition-normal);
}

.hover-lift:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-xl);
}

.hover-gold:hover {
    box-shadow: var(--shadow-gold);
}

.hover-blue:hover {
    box-shadow: var(--shadow-blue);
}

/* Global Font Application */
body, html, button, input, select, textarea {
    font-family: var(--font-primary) !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-primary) !important;
    letter-spacing: -0.02em;
}