:root {
    /* Primary Colors */
    --primary: #7C3AED;
    --primary-light: #A78BFA;
    --primary-dark: #6D28D9;
    --primary-50: #F5F3FF;
    
    /* Background Colors */
    --bg-white: #FFFFFF;
    --bg-light: #F8F9FA;
    --bg-gray: #F3F4F6;
    --bg-dark: #1F2937;
    
    /* Text Colors */
    --text-primary: #1F2937;
    --text-secondary: #6B7280;
    --text-light: #9CA3AF;
    --text-white: #FFFFFF;
    
    /* Accent Colors */
    --accent-pink: #EC4899;
    --accent-green: #10B981;
    --accent-orange: #F59E0B;
    --accent-red: #EF4444;
    --accent-blue: #3B82F6;
    --accent-purple: #8B5CF6;
    
    /* Border Colors */
    --border-light: #E5E7EB;
    --border-input: #D1D5DB;
    
    /* Shadows */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-card: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-hover: 0 4px 16px rgba(0, 0, 0, 0.12);
    --shadow-dropdown: 0 8px 24px rgba(0, 0, 0, 0.15);
    
    /* Border Radius */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    --radius-full: 9999px;
    
    /* Spacing */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-2xl: 48px;
    --space-3xl: 64px;
    
    /* Container - Full Width */
    --container-max: 100%;
    --container-padding: 48px;
    
    /* Font Family */
    --font-family: "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    
    /* Transitions */
    --transition-fast: 150ms ease;
    --transition-normal: 250ms ease;
    --transition-slow: 350ms ease;
    
    /* Header Height */
    --header-height: 64px;
    --sub-nav-height: 48px;
}

/* Responsive padding */
@media (max-width: 1440px) {
    :root {
        --container-padding: 32px;
    }
}

@media (max-width: 1024px) {
    :root {
        --container-padding: 24px;
    }
}

@media (max-width: 768px) {
    :root {
        --container-padding: 16px;
    }
}