/* ==========================================================================
   DESIGN TOKENS & CSS CUSTOM PROPERTIES
   Single Responsibility: Theme variables & iOS luxury aesthetics
   ========================================================================== */

:root {
    /* Luxury Branding Colors */
    --theme-primary: #E67E22;
    --theme-primary-grad: linear-gradient(135deg, #FF8C00 0%, #E67E22 50%, #D35400 100%);
    --theme-accent-grad: linear-gradient(135deg, #F39C12 0%, #E67E22 100%);
    --bg-scaffold: #F3F5F9;
    
    /* Refined Neutral Palette */
    --text-dark: #1E2229;
    --text-muted: #64748B;
    --border-color: rgba(148, 163, 184, 0.22);
    --white: #FFFFFF;
    
    /* Service Type Colors (Vibrant & Distinct) */
    --color-sacSakal: #1E293B;
    --color-sacKesim: #10B981;
    --color-sakalKesim: #F59E0B;
    --color-cocukKesim: #3B82F6;
    --color-damatTiras: #EF4444;
    --color-sacBoyama: #8B5CF6;
    
    /* Barber Colors */
    --barber-ahmet: #E67E22;
    --barber-mehmet: #3B82F6;
    --barber-ali: #10B981;
    --barber-veli: #8B5CF6;
    
    /* Advanced Glassmorphism Settings */
    --glass-bg: rgba(255, 255, 255, 0.75);
    --glass-border: 1px solid rgba(255, 255, 255, 0.8);
    --glass-shadow: 0 12px 32px -4px rgba(15, 23, 42, 0.06), 0 4px 12px -2px rgba(15, 23, 42, 0.03);
    --glass-blur: blur(20px);
    --transition-smooth: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-spring: all 0.45s cubic-bezier(0.34, 1.56, 0.64, 1);
    
    /* Mobile-First Touch Tokens (iOS Human Interface Guidelines) */
    --touch-target: 48px;
    --touch-target-lg: 54px;
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 12px;
    --spacing-lg: 16px;
    --spacing-xl: 24px;
    --radius-sm: 12px;
    --radius-md: 16px;
    --radius-lg: 22px;
    --radius-xl: 30px;
    --radius-pill: 100px;
    
    /* iOS Safe Areas */
    --safe-top: env(safe-area-inset-top, 0px);
    --safe-bottom: env(safe-area-inset-bottom, 0px);
    --safe-left: env(safe-area-inset-left, 0px);
    --safe-right: env(safe-area-inset-right, 0px);
}

/* ==========================================================================
   DARK THEME VARIABLE OVERRIDES (Obsidian Luxury Dark Mode)
   ========================================================================== */

.dark-theme {
    --bg-scaffold: #090B0E !important;
    --text-dark: #F8FAFC !important;
    --text-muted: #94A3B8 !important;
    --border-color: rgba(255, 255, 255, 0.08) !important;
    --white: #11141A !important;
    
    /* Glassmorphism Settings Overrides */
    --glass-bg: rgba(17, 20, 26, 0.82) !important;
    --glass-border: 1px solid rgba(255, 255, 255, 0.09) !important;
    --glass-shadow: 0 16px 40px -4px rgba(0, 0, 0, 0.65) !important;
}