:root {
    /* Color Palette - Modern Dark Luxury */
    --color-primary: #ec4899;
    /* Pink-500 equivalent */
    --color-primary-dark: #be185d;

    --color-accent: #f8eefa;
    /* Yellow-500 */
    --color-accent-light: #fef08a;
    --color-accent-lp: #f8eefa;

    --color-bg-dark: #0f172a;
    /* Slate 900 */
    --color-bg-darker: #020617;
    /* Slate 950 */
    --color-bg-card: rgba(30, 41, 59, 0.7);
    /* Slate 800 with alpha for glass */
    --color-bg-overlay: rgba(2, 6, 23, 0.85);

    --color-text-main: #f8fafc;
    /* Slate 50 */
    --color-text-secondary: #cbd5e1;
    /* Slate 300 */
    --color-text-muted: #94a3b8;
    /* Slate 400 */

    --color-border: rgba(255, 255, 255, 0.1);
    --color-border-hover: rgba(236, 72, 153, 0.5);
    /* Pinkish border on hover */

    /* Gradient Accents */
    --gradient-primary: linear-gradient(135deg, #ec4899 0%, #8b5cf6 100%);
    /* Pink to Purple */
    --gradient-gold: linear-gradient(135deg, #facc15 0%, #a16207 100%);

    /* Typography */
    --font-heading: 'Outfit', sans-serif;
    --font-body: 'Outfit', sans-serif;
    /* Unify font for cleaner look */

    /* Spacing */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;

    /* Transitions */
    --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);

    /* Layout */
    --container-width: 1200px;
    --header-height: 70px;
    /* Slightly shorter */
    --border-radius-lg: 16px;
    --border-radius-md: 12px;

    /* Shadows */
    --shadow-soft: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-glow: 0 0 20px rgba(236, 72, 153, 0.3);
}