/* 
   PREMIUM ROSE THEME - DEFINITIVE EDITION 
   Design System: Inter, Rose 600, Zinc Neutrals, Glassmorphism
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

:root {
    /* =========================================
       PALETTE: Rose & Zinc
       ========================================= */
    --color-primary: #E11D48;       /* Rose 600 - Brand */
    --color-primary-hover: #BE123C; /* Rose 700 */
    --color-primary-light: #FFE4E6; /* Rose 100 */
    --color-primary-glare: rgba(225, 29, 72, 0.15); /* For glows */
    
    --color-secondary: #8B5CF6;     /* Violet 500 - Accent */

    --color-white: #FFFFFF;
    --color-background: #FAFAFA;    /* Zinc 50 */
    --color-surface: #FFFFFF;
    
    --color-text-primary: #18181B;   /* Zinc 900 */
    --color-text-secondary: #71717A; /* Zinc 500 */
    --color-text-muted: #A1A1AA;     /* Zinc 400 */
    
    --color-border: #E4E4E7;         /* Zinc 200 */
    --color-border-light: #F4F4F5;   /* Zinc 100 */
    
    /* =========================================
       EFFECTS & UTILS
       ========================================= */
    --font-family-base: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    --shadow-glow: 0 0 20px rgba(225, 29, 72, 0.3);

    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-full: 9999px;

    /* Inputs */
    --input-bg: #FFFFFF;
    --input-border: #E4E4E7;
    --input-focus-ring: rgba(225, 29, 72, 0.2);

    /* Gradients */
    --gradient-primary: linear-gradient(135deg, #E11D48 0%, #F43F5E 100%);
    --gradient-luxury: linear-gradient(135deg, #FFF1F2 0%, #FAFAFA 100%);
    
    /* Glassmorphism Defaults (Off in light mode mostly) */
    --glass-bg: rgba(255, 255, 255, 0.9);
    --glass-border: rgba(255, 255, 255, 0.5);
    --backdrop-blur: 0px;

    /* Legacy Mappings */
    --header_background: #FFFFFF;
    --header_border_bottom: 1px solid #F4F4F5;
}

/* =========================================
   DARK MODE - PRO / CINEMATIC
   ========================================= */
[data-theme="dark"] {
    /* Colors */
    --color-white: #FFFFFF; /* Text stays white usually in components */
    
    --color-background: #09090B;    /* Zinc 950 - Deep Black */
    --color-surface: #18181B;       /* Zinc 900 */
    
    --color-text-primary: #F4F4F5;  /* Zinc 100 */
    --color-text-secondary: #A1A1AA;/* Zinc 400 */
    --color-text-muted: #52525B;    /* Zinc 600 */
    
    --color-border: #27272A;        /* Zinc 800 - Subtle */
    --color-border-light: #27272A;

    /* Effects */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.5);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.7);
    --shadow-glow: 0 0 30px rgba(225, 29, 72, 0.15); /* Reduced glow intensity */
    
    /* Inputs - critical update for Pro feel */
    --input-bg: #18181B; /* Match surface or slightly lighter */
    --input-border: #3F3F46; /* Zinc 700 */
    --input-focus-ring: rgba(225, 29, 72, 0.4);

    /* Gradients */
    --gradient-luxury: linear-gradient(135deg, #09090B 0%, #18181B 100%);
    
    /* Glassmorphism */
    --glass-bg: rgba(24, 24, 27, 0.7); /* Translucent dark */
    --glass-border: rgba(255, 255, 255, 0.08); /* Subtle white stroke */
    --backdrop-blur: 20px;

    /* Legacy Mappings */
    --header_background: rgba(9, 9, 11, 0.8); /* Translucent Header */
    --header_border_bottom: 1px solid #27272A;
}