/**
 * CSS Variables for kasamba.angelsfucked.com
 * Design: Lumière Mystique — #C026D3 (Fuchsia) + #080C18 (Ebony) + #DAA520 (Gold) + #10D9A8 (Seafoam)
 */

:root {
    /* === LUMIÈRE MYSTIQUE DESIGN TOKENS === */
    --lm-dark:         #080C18;
    --lm-dark-card:    #10142A;
    --lm-dark-card2:   #151932;
    --lm-dark-border:  rgba(192, 38, 211, 0.2);
    --lm-dark-80:      rgba(8, 12, 24, 0.88);
    --lm-dark-60:      rgba(8, 12, 24, 0.6);
    --lm-primary:      #C026D3;
    --lm-primary-dark: #A21CAF;
    --lm-primary-glow: rgba(192, 38, 211, 0.35);
    --lm-gold:         #DAA520;
    --lm-gold-light:   #F0C842;
    --lm-gold-dark:    #B8860B;
    --lm-teal:         #10D9A8;
    --lm-teal-dark:    #0AB88F;
    --lm-teal-glow:    rgba(16, 217, 168, 0.3);
    --lm-text:         #F0EBE8;
    --lm-text-muted:   rgba(240, 235, 232, 0.55);
    --lm-text-dim:     rgba(240, 235, 232, 0.75);
    --lm-white:        #ffffff;

    /* Primary Colors */
    --color-primary:       #C026D3;
    --color-primary-dark:  #A21CAF;
    --color-primary-light: #E879F9;
    --color-primary-rgb:   192, 38, 211;

    --color-secondary:       #080C18;
    --color-secondary-dark:  #040609;
    --color-secondary-light: #10142A;
    --color-secondary-rgb:   8, 12, 24;

    --color-accent:      #DAA520;
    --color-accent-dark: #B8860B;
    --color-accent-light:#F0C842;
    --color-accent-rgb:  218, 165, 32;

    --color-teal:        #10D9A8;
    --color-teal-dark:   #0AB88F;

    --color-bg:          #F0EBE8;
    --color-bg-dark:     #E5DED9;
    --color-bg-light:    #ffffff;
    --color-bg-card:     #10142A;
    --color-bg-header:   rgba(8, 12, 24, 0.96);
    --color-bg-footer:   #04060C;

    --color-text:          #F0EBE8;
    --color-text-light:    rgba(240, 235, 232, 0.75);
    --color-text-muted:    rgba(240, 235, 232, 0.5);
    --color-text-on-primary: #ffffff;

    /* Semantic */
    --color-success: #10D9A8;
    --color-error:   #F43F5E;
    --color-warning: #DAA520;
    --color-info:    #C026D3;

    /* Gradients */
    --gradient-primary:    linear-gradient(135deg, #C026D3 0%, #A21CAF 100%);
    --gradient-gold:       linear-gradient(135deg, #DAA520 0%, #F0C842 100%);
    --gradient-teal:       linear-gradient(135deg, #10D9A8 0%, #0AB88F 100%);
    --gradient-hero:       linear-gradient(135deg, rgba(8,12,24,0.9) 0%, rgba(16,20,42,0.85) 100%);
    --gradient-card:       linear-gradient(160deg, #10142A 0%, #151932 100%);
    --gradient-fuchsia-gold: linear-gradient(135deg, #C026D3 0%, #DAA520 100%);

    /* Typography */
    --font-main:    'Inter', 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-heading: 'Josefin Sans', 'Trebuchet MS', sans-serif;
    --font-mono:    'Courier New', monospace;

    /* Font Sizes - Fluid */
    --text-xs:   clamp(0.7rem, 0.65rem + 0.25vw, 0.8rem);
    --text-sm:   clamp(0.8rem, 0.75rem + 0.25vw, 0.9rem);
    --text-base: clamp(0.95rem, 0.9rem + 0.25vw, 1.05rem);
    --text-lg:   clamp(1.1rem, 1rem + 0.5vw, 1.25rem);
    --text-xl:   clamp(1.2rem, 1.1rem + 0.6vw, 1.4rem);
    --text-2xl:  clamp(1.4rem, 1.2rem + 1vw, 1.875rem);
    --text-3xl:  clamp(1.8rem, 1.4rem + 2vw, 2.5rem);
    --text-4xl:  clamp(2.2rem, 1.6rem + 3vw, 3.75rem);

    /* Line Heights */
    --leading-tight:   1.15;
    --leading-normal:  1.6;
    --leading-relaxed: 1.85;

    /* Font Weights */
    --font-light:    300;
    --font-normal:   400;
    --font-medium:   500;
    --font-semibold: 600;
    --font-bold:     700;

    /* Spacing */
    --space-xs:  0.25rem;
    --space-sm:  0.5rem;
    --space-md:  1rem;
    --space-lg:  1.5rem;
    --space-xl:  2rem;
    --space-2xl: 3rem;
    --space-3xl: 4.5rem;
    --space-4xl: 7rem;

    /* Border Radius */
    --radius-sm:   3px;
    --radius-md:   6px;
    --radius-lg:   12px;
    --radius-xl:   18px;
    --radius-2xl:  24px;
    --radius-full: 9999px;

    /* Shadows */
    --shadow-sm:            0 1px 4px rgba(0,0,0,0.2);
    --shadow-md:            0 4px 16px rgba(0,0,0,0.3);
    --shadow-lg:            0 8px 32px rgba(0,0,0,0.4);
    --shadow-xl:            0 20px 60px rgba(0,0,0,0.5);
    --shadow-fuchsia:       0 0 30px rgba(192,38,211,0.4);
    --shadow-gold:          0 0 24px rgba(218,165,32,0.35);
    --shadow-teal:          0 0 20px rgba(16,217,168,0.3);
    --shadow-card-hover:    0 12px 40px rgba(192,38,211,0.25);

    /* Transitions */
    --transition-fast: 150ms ease;
    --transition-base: 280ms ease;
    --transition-slow: 450ms ease;

    /* Layout */
    --container-max:      1240px;
    --container-padding:  1.5rem;
    --topbar-height:      40px;
    --nav-height:         64px;
    --header-height:      104px;
    --footer-min-height:  200px;

    /* Z-Index */
    --z-dropdown:       100;
    --z-sticky:         200;
    --z-fixed:          300;
    --z-modal-backdrop: 400;
    --z-modal:          500;
    --z-tooltip:        600;
    --z-announce:       350;

    /* Carousel */
    --carousel-speed-row1: 220s;
    --carousel-speed-row2: 260s;
    --carousel-speed-row3: 240s;
}