/* ===== ADAPTIVE ARTISTS CSS VARIABLES ===== */
:root {
    /* Primary Brand Colors */
    --aa-primary: #7F709B; /* Adaptive Purple - Main brand color */
    --aa-primary-light: #9A8CB2; /* Lighter purple for hover states */
    --aa-primary-dark: #6B5A83; /* Darker purple for depth */
    --aa-primary-rgb: 127, 112, 155; /* RGB values for alpha usage */
    /* Secondary Brand Colors */
    --aa-secondary: #B8A7CF; /* Soft lavender for secondary elements */
    --aa-secondary-light: #D4C8E3; /* Very light lavender */
    --aa-secondary-dark: #8E7CAA; /* Deeper lavender */
    --aa-secondary-rgb: 184, 167, 207;
    /* Accent Colors */
    --aa-accent-warm: #E8A87C; /* Warm peach for call-to-action */
    --aa-accent-cool: #7CBCE8; /* Cool blue for info elements */
    --aa-accent-sage: #8FC17C; /* Sage green for success states */
    --aa-accent-coral: #E87C9B; /* Coral pink for highlights */
    /* RGB values for accent colors (for rgba usage) */
    --aa-accent-warm-rgb: 232, 168, 124;
    --aa-accent-cool-rgb: 124, 188, 232;
    --aa-accent-sage-rgb: 143, 193, 124;
    --aa-accent-coral-rgb: 232, 124, 155;
    /* Purple-Leaning Variant Colors - Universal Use */
    --aa-accent-cool-purple: #8BA4E8; /* Blue shifted toward purple */
    --aa-accent-coral-purple: #D882B8; /* Pink/red shifted toward purple */
    --aa-accent-cool-purple-rgb: 139, 164, 232; /* RGB for the purple-blue */
    --aa-accent-coral-purple-rgb: 216, 130, 184; /* RGB for the purple-pink */
    /* Neutral Colors */
    --aa-light: #F8F6FB; /* Very light purple-tinted white */
    --aa-light-rgb: 248, 246, 251;
    --aa-light-gray: #F0EEF3; /* Light gray with purple tint */
    --aa-light-gray-rgb: 240, 238, 243;
    --aa-medium-gray: #C8C3D1; /* Medium gray with purple tint */
    --aa-medium-gray-rgb: 200, 195, 209;
    --aa-dark-gray: #5A5666; /* Dark gray with purple tint */
    --aa-dark-gray-rgb: 90, 86, 102;
    --aa-dark: #2E2A36; /* Very dark purple-gray */
    --aa-dark-rgb: 46, 42, 54; /* RGB values for dark color */
    /* Status Colors */
    --aa-success: #38B24F; /* Keep green for success */
    --aa-success-rgb: 56, 178, 79; /* RGB values for success */
    --aa-warning: #F39C12; /* Warm orange for warnings */
    --aa-warning-rgb: 243, 156, 18;
    --aa-danger: #E74C3C; /* Red for errors */
    --aa-danger-rgb: 231, 76, 60;
    --aa-info: #3498DB; /* Blue for information */
    --aa-info-rgb: 52, 152, 219;
    /* Logo Image Variables */
    --aa-logo-light: url('/images/AA-Logo-Light.png'); /* Light theme logo */
    --aa-logo-dark: url('/images/AA-Logo-Dark.png'); /* Dark theme logo */
    --aa-full-logo-light: url('/images/AA-Full-Logo-Light.png'); /* Light theme full logo */
    --aa-full-logo-dark: url('/images/AA-Full-Logo-Dark.png'); /* Dark theme full logo */
    /* Basic Gradient Combinations */
    --aa-gradient-primary: linear-gradient(135deg, var(--aa-primary) 0%, var(--aa-primary-light) 100%);
    --aa-gradient-warm: linear-gradient(135deg, var(--aa-primary) 0%, var(--aa-accent-warm) 100%);
    --aa-gradient-cool: linear-gradient(135deg, var(--aa-primary) 0%, var(--aa-accent-cool) 100%);
    --aa-gradient-rainbow: linear-gradient(90deg, var(--aa-primary) 0%, var(--aa-accent-cool) 25%, var(--aa-accent-sage) 50%, var(--aa-accent-warm) 75%, var(--aa-accent-coral) 100%);
    --aa-gradient-vibrant: linear-gradient(135deg, var(--aa-accent-cool) 0%, var(--aa-primary) 50%, var(--aa-accent-coral) 100%);
    --aa-gradient-harmony: linear-gradient(135deg, var(--aa-accent-cool-purple) 0%, var(--aa-primary) 50%, var(--aa-accent-coral-purple) 100%);
    /* Universal Hero/CTA Gradient Variables - Based on Color Flow & Characteristics */
    /* Nature Flow: Purple ? Green ? Cool Blue (Organic, Growth, Trust) */
    --aa-gradient-nature-hero: linear-gradient(135deg, rgba(var(--aa-primary-rgb), 0.9) 0%, rgba(var(--aa-success-rgb), 0.9) 50%, rgba(var(--aa-accent-cool-rgb), 0.9) 100%);
    --aa-gradient-nature-cta: linear-gradient(135deg, var(--aa-primary) 0%, var(--aa-success) 50%, var(--aa-accent-cool) 100%);
    /* Vibrant Flow: Cool Blue ? Purple ? Coral (Dynamic, Creative, Energetic) */
    --aa-gradient-vibrant-hero: linear-gradient(135deg, rgba(var(--aa-accent-cool-rgb), 0.8) 0%, rgba(var(--aa-primary-rgb), 0.8) 50%, rgba(var(--aa-accent-coral-rgb), 0.8) 100%);
    --aa-gradient-vibrant-cta: linear-gradient(135deg, var(--aa-accent-cool) 0%, var(--aa-primary) 50%, var(--aa-accent-coral) 100%);
    /* Harmony Flow: Purple-Blue ? Purple ? Purple-Pink (Cohesive, Balanced, Unified) */
    --aa-gradient-harmony-hero: linear-gradient(135deg, rgba(var(--aa-accent-cool-purple-rgb), 0.8) 0%, rgba(var(--aa-primary-rgb), 0.8) 50%, rgba(var(--aa-accent-coral-purple-rgb), 0.8) 100%);
    --aa-gradient-harmony-cta: linear-gradient(135deg, var(--aa-accent-cool-purple) 0%, var(--aa-primary) 50%, var(--aa-accent-coral-purple) 100%);
    /* Monochrome Flow: Purple ? Purple ? Lavender (Elegant, Sophisticated, Calm) */
    --aa-gradient-monochrome-hero: linear-gradient(135deg, rgba(var(--aa-primary-rgb), 0.9) 0%, rgba(var(--aa-primary-rgb), 0.9) 50%, rgba(var(--aa-secondary-rgb), 0.9) 100%);
    --aa-gradient-monochrome-cta: linear-gradient(135deg, var(--aa-primary) 0%, var(--aa-primary) 50%, var(--aa-secondary) 100%);
    /* Responsive Text Size Variables */
    --text-xxs: clamp(0.5rem, 1vw, 0.625rem); /* New smaller value for xxs */
    --text-xs: clamp(0.625rem, 1.25vw, 0.75rem); /* Was xxs value */
    --text-sm: clamp(0.75rem, 2vw, 0.875rem); /* Was xs value */
    --text-base: clamp(0.875rem, 2.5vw, 1rem); /* Was sm value */
    --text-lg: clamp(1rem, 3vw, 1.125rem); /* Was base value */
    --text-xl: clamp(1.125rem, 3.5vw, 1.25rem); /* Was lg value */
    --text-2xl: clamp(1.25rem, 4vw, 1.5rem); /* Was xl value */
    --text-3xl: clamp(1.5rem, 5vw, 1.875rem); /* Was 2xl value */
    --text-4xl: clamp(1.875rem, 6vw, 2.25rem); /* Was 3xl value */
    --text-5xl: clamp(2.25rem, 7vw, 3rem); /* Was 4xl value - 5xl's old value discarded */
    /* Responsive Spacing Variables */
    --spacing-xxs: clamp(0.125rem, 0.5vw, 0.25rem); /* New smaller value for xxs */
    --spacing-xs: clamp(0.25rem, 1vw, 0.5rem);
    --spacing-sm: clamp(0.5rem, 1.5vw, 0.75rem);
    --spacing-base: clamp(0.75rem, 2vw, 1rem);
    --spacing-lg: clamp(1rem, 2.5vw, 1.25rem);
    --spacing-xl: clamp(1.25rem, 3vw, 1.5rem);
    --spacing-2xl: clamp(1.5rem, 4vw, 2rem);
    --spacing-3xl: clamp(2rem, 5vw, 3rem);
    /* Easing Functions */
    --linear: cubic-bezier(0.25, 0.25, 0.75, 0.75);
    --ease: cubic-bezier(0.25, 0.1, 0.25, 1);
    --ease-out: cubic-bezier(0, 0, 0.58, 1);
    --ease-in-out: cubic-bezier(0.42, 0, 0.58, 1);
    --ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    --ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    --ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
    --ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    --ease-in-sine: cubic-bezier(0.47, 0, 0.745, 0.715);
    --ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
    --ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
    --ease-in-back: cubic-bezier(0.6, -0.28, 0.735, 0.045);
    --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
    --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
    --ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
    --ease-out-sine: cubic-bezier(0.39, 0.575, 0.565, 1);
    --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
    --ease-out-circ: cubic-bezier(0.075, 0.82, 0.165, 1);
    --ease-out-back: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    --ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);
    --ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);
    --ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
    --ease-in-out-sine: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    --ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
    --ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    --ease-in-out-back: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    /* Elevation Shadows */
    --elevation-1: 0px 2px 24px 0px rgba(0, 0, 0, .15);
    --elevation-2: 0px 1px 2px rgba(0,0,0,.3), 0px 2px 6px 2px rgba(0,0,0,.15);
    --elevation-3: 0px 3px 9px 3px rgba(0, 0, 0, .12), 0px 1px 3px rgba(0, 0, 0, .3);
    --elevation-4: 0px 2px 14px 4px rgba(0, 0, 0, .15), 0px 2px 5px rgba(0, 0, 0, .3);
    --elevation-5: 0px 8px 12px 6px rgba(0, 0, 0, .15), 0px 4px 4px rgba(0, 0, 0, .3);
}