/*
 * DabFlow Complete Theme System
 * Each theme transforms the ENTIRE UI - buttons, fonts, colors, borders, shadows
 * Making theme unlocks dramatically more rewarding
 */

/* ==================================
   THEME 1: NEON CYBER (Default/Free)
   Style: Futuristic, tech, electric
   ================================== */
[data-theme="neon-cyber"] {
    /* Colors */
    --theme-primary: #00F5FF;
    --theme-secondary: #B026FF;
    --theme-accent: #FFD700;
    --theme-gradient: linear-gradient(135deg, #00F5FF, #B026FF);

    /* Buttons */
    --btn-border-radius: 16px;
    --btn-border-width: 2px;
    --btn-border-style: solid;
    --btn-shadow: 0 4px 16px rgba(0, 245, 255, 0.4);
    --btn-hover-transform: translateY(-2px) scale(1.02);

    /* Typography - Simple and consistent */
    --font-heading: 'Poppins', sans-serif;
    --font-body: 'Poppins', sans-serif;
    --font-number: 'Poppins', sans-serif;
    --text-transform: uppercase;
    --letter-spacing: 0.05em;

    /* Cards */
    --card-border: 2px solid rgba(0, 245, 255, 0.3);
    --card-shadow: 0 8px 32px rgba(0, 245, 255, 0.2);
    --card-glow: 0 0 20px rgba(0, 245, 255, 0.3);
}

/* Neon Cyber Button Styles */
[data-theme="neon-cyber"] .btn-primary {
    border: 2px solid var(--theme-primary);
    box-shadow: 0 0 20px rgba(0, 245, 255, 0.5), inset 0 0 10px rgba(0, 245, 255, 0.2);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 700;
}

[data-theme="neon-cyber"] .btn-primary:hover {
    box-shadow: 0 0 30px rgba(0, 245, 255, 0.8), inset 0 0 15px rgba(0, 245, 255, 0.3);
    transform: translateY(-2px);
}

[data-theme="neon-cyber"] .btn-secondary {
    border: 2px solid var(--theme-secondary);
    background: transparent;
    color: var(--theme-secondary);
}

/* ==================================
   THEME 2: LAVA FLOW
   Style: Hot, intense, volcanic
   ================================== */
[data-theme="lava-flow"] {
    --theme-primary: #FF4500;
    --theme-secondary: #FFD700;
    --theme-accent: #FF8C00;
    --theme-gradient: linear-gradient(135deg, #FF4500, #FFD700);
    --bg-primary: #1A0A00;
    --bg-secondary: #2B1500;

    /* Buttons - Chunky, bold */
    --btn-border-radius: 8px;
    --btn-border-width: 3px;
    --btn-border-style: solid;
    --btn-shadow: 0 6px 20px rgba(255, 69, 0, 0.6);

    /* Typography - Bold and aggressive */
    --font-heading: 'Poppins', sans-serif;
    --font-body: 'Poppins', sans-serif;
    --font-number: 'Poppins', sans-serif;
    --text-transform: uppercase;
    --letter-spacing: 0.02em;

    /* Cards - Sharp edges */
    --card-border: 3px solid rgba(255, 69, 0, 0.5);
    --card-shadow: 0 10px 40px rgba(255, 69, 0, 0.4);
    --card-glow: 0 0 30px rgba(255, 69, 0, 0.5);
}

[data-theme="lava-flow"] .btn-primary {
    border: 3px solid var(--theme-primary);
    box-shadow: 0 0 25px rgba(255, 69, 0, 0.7), inset 0 0 15px rgba(255, 140, 0, 0.3);
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 0.15em;
}

[data-theme="lava-flow"] .btn-primary:hover {
    box-shadow: 0 0 40px rgba(255, 69, 0, 1), inset 0 0 20px rgba(255, 140, 0, 0.5);
    transform: scale(1.05);
}

/* ==================================
   THEME 3: ICE CRYSTAL
   Style: Cool, elegant, crystalline
   ================================== */
[data-theme="ice-crystal"] {
    --theme-primary: #66BBFF;
    --theme-secondary: #00AAFF;
    --theme-accent: #E1F5FE;
    --theme-gradient: linear-gradient(135deg, #66BBFF, #00AAFF);
    --bg-primary: #0A1419;
    --bg-secondary: #0F1E26;

    /* Buttons - Smooth, frosted glass */
    --btn-border-radius: 20px;
    --btn-border-width: 1px;
    --btn-border-style: solid;
    --btn-shadow: 0 8px 32px rgba(102, 187, 255, 0.3);

    /* Typography - Clean and modern */
    --font-heading: 'Poppins', sans-serif;
    --font-body: 'Poppins', sans-serif;
    --font-number: 'Poppins', sans-serif;
    --text-transform: none;
    --letter-spacing: 0.01em;

    /* Cards - Frosted glass effect */
    --card-border: 1px solid rgba(102, 187, 255, 0.3);
    --card-shadow: 0 8px 32px rgba(102, 187, 255, 0.2);
    --card-glow: 0 0 15px rgba(102, 187, 255, 0.2);
}

[data-theme="ice-crystal"] .btn-primary {
    background: rgba(102, 187, 255, 0.2);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(102, 187, 255, 0.5);
    box-shadow: 0 8px 32px rgba(102, 187, 255, 0.3);
}

[data-theme="ice-crystal"] .btn-primary:hover {
    background: rgba(102, 187, 255, 0.3);
    box-shadow: 0 12px 48px rgba(102, 187, 255, 0.5);
    transform: translateY(-3px);
}

/* ==================================
   THEME 4: EMERALD GREEN
   Style: Natural, organic, fresh
   ================================== */
[data-theme="emerald-green"] {
    --theme-primary: #00E676;
    --theme-secondary: #00BFA5;
    --theme-accent: #76FF03;
    --theme-gradient: linear-gradient(135deg, #00E676, #00BFA5);

    /* Buttons - Rounded, soft */
    --btn-border-radius: 24px;
    --btn-border-width: 2px;
    --btn-border-style: solid;
    --btn-shadow: 0 4px 20px rgba(0, 230, 118, 0.4);

    /* Typography - Friendly */
    --font-heading: 'Poppins', sans-serif;
    --font-body: 'Poppins', sans-serif;
    --font-number: 'Poppins', sans-serif;
    --text-transform: none;
    --letter-spacing: 0em;

    /* Cards - Soft and friendly */
    --card-border: 2px solid rgba(0, 230, 118, 0.3);
    --card-shadow: 0 6px 24px rgba(0, 230, 118, 0.2);
    --card-glow: 0 0 15px rgba(0, 230, 118, 0.3);
}

[data-theme="emerald-green"] .btn-primary {
    border-radius: 24px;
    border: 2px solid var(--theme-primary);
    box-shadow: 0 4px 20px rgba(0, 230, 118, 0.5);
    font-weight: 600;
}

[data-theme="emerald-green"] .btn-primary:hover {
    box-shadow: 0 8px 32px rgba(0, 230, 118, 0.7);
    transform: scale(1.03);
}

/* ==================================
   THEME 5: SAPPHIRE BLUE
   Style: Professional, trustworthy
   ================================== */
[data-theme="sapphire-blue"] {
    --theme-primary: #2196F3;
    --theme-secondary: #00BCD4;
    --theme-accent: #82B1FF;
    --theme-gradient: linear-gradient(135deg, #2196F3, #00BCD4);

    /* Buttons - Corporate, clean */
    --btn-border-radius: 12px;
    --btn-border-width: 2px;
    --btn-border-style: solid;
    --btn-shadow: 0 4px 16px rgba(33, 150, 243, 0.3);

    /* Typography - Professional */
    --font-heading: 'Poppins', sans-serif;
    --font-body: 'Poppins', sans-serif;
    --font-number: 'Poppins', sans-serif;
    --text-transform: none;
    --letter-spacing: 0.01em;

    /* Cards - Clean and structured */
    --card-border: 2px solid rgba(33, 150, 243, 0.2);
    --card-shadow: 0 6px 24px rgba(33, 150, 243, 0.15);
    --card-glow: none;
}

[data-theme="sapphire-blue"] .btn-primary {
    border: 2px solid var(--theme-primary);
    box-shadow: 0 4px 16px rgba(33, 150, 243, 0.3);
    font-weight: 500;
}

/* ==================================
   THEME 6: AMETHYST PURPLE
   Style: Mystical, luxurious
   ================================== */
[data-theme="amethyst-purple"] {
    --theme-primary: #9C27B0;
    --theme-secondary: #7C4DFF;
    --theme-accent: #E040FB;
    --theme-gradient: linear-gradient(135deg, #9C27B0, #7C4DFF);

    /* Buttons - Elegant, gem-like */
    --btn-border-radius: 14px;
    --btn-border-width: 2px;
    --btn-border-style: solid;
    --btn-shadow: 0 6px 24px rgba(156, 39, 176, 0.4);

    /* Typography - Elegant */
    --font-heading: 'Poppins', sans-serif;
    --font-body: 'Poppins', sans-serif;
    --font-number: 'Poppins', sans-serif;
    --text-transform: capitalize;
    --letter-spacing: 0.03em;

    /* Cards - Luxurious */
    --card-border: 2px solid rgba(156, 39, 176, 0.4);
    --card-shadow: 0 8px 32px rgba(156, 39, 176, 0.3);
    --card-glow: 0 0 20px rgba(156, 39, 176, 0.4);
}

[data-theme="amethyst-purple"] .btn-primary {
    border: 2px solid var(--theme-primary);
    box-shadow: 0 6px 24px rgba(156, 39, 176, 0.5), inset 0 2px 8px rgba(224, 64, 251, 0.2);
    text-transform: capitalize;
    font-weight: 600;
}

/* ==================================
   THEME 7: SUNSET ORANGE
   Style: Warm, vibrant, energetic
   ================================== */
[data-theme="sunset-orange"] {
    --theme-primary: #FF9800;
    --theme-secondary: #FF5722;
    --theme-accent: #FFAB40;
    --theme-gradient: linear-gradient(135deg, #FF9800, #FF5722);

    /* Buttons - Rounded, energetic */
    --btn-border-radius: 18px;
    --btn-border-width: 2px;
    --btn-border-style: solid;
    --btn-shadow: 0 5px 20px rgba(255, 152, 0, 0.4);

    /* Typography - Warm and friendly */
    --font-heading: 'Poppins', sans-serif;
    --font-body: 'Poppins', sans-serif;
    --font-number: 'Poppins', sans-serif;
    --text-transform: none;
    --letter-spacing: 0em;

    /* Cards - Warm glow */
    --card-border: 2px solid rgba(255, 152, 0, 0.3);
    --card-shadow: 0 6px 28px rgba(255, 152, 0, 0.25);
    --card-glow: 0 0 18px rgba(255, 152, 0, 0.3);
}

[data-theme="sunset-orange"] .btn-primary {
    border-radius: 18px;
    border: 2px solid var(--theme-primary);
    box-shadow: 0 5px 20px rgba(255, 152, 0, 0.5);
}

/* ==================================
   THEME 8: BUBBLEGUM PINK
   Style: Playful, fun, sweet
   ================================== */
[data-theme="bubblegum-pink"] {
    --theme-primary: #E91E63;
    --theme-secondary: #F06292;
    --theme-accent: #FF80AB;
    --theme-gradient: linear-gradient(135deg, #E91E63, #F06292);

    /* Buttons - Bubbly, rounded */
    --btn-border-radius: 30px;
    --btn-border-width: 3px;
    --btn-border-style: solid;
    --btn-shadow: 0 6px 24px rgba(233, 30, 99, 0.4);

    /* Typography - Playful */
    --font-heading: 'Poppins', sans-serif;
    --font-body: 'Poppins', sans-serif;
    --font-number: 'Poppins', sans-serif;
    --text-transform: none;
    --letter-spacing: 0.02em;

    /* Cards - Bouncy feel */
    --card-border: 3px solid rgba(233, 30, 99, 0.4);
    --card-shadow: 0 8px 32px rgba(233, 30, 99, 0.3);
    --card-glow: 0 0 20px rgba(233, 30, 99, 0.4);
}

[data-theme="bubblegum-pink"] .btn-primary {
    border-radius: 30px;
    border: 3px solid var(--theme-primary);
    box-shadow: 0 6px 24px rgba(233, 30, 99, 0.5);
    font-weight: 700;
}

[data-theme="bubblegum-pink"] .btn-primary:hover {
    transform: scale(1.08);
}

/* ==================================
   THEME 9: OCEAN TEAL
   Style: Calm, aquatic, flowing
   ================================== */
[data-theme="ocean-teal"] {
    --theme-primary: #009688;
    --theme-secondary: #26A69A;
    --theme-accent: #64FFDA;
    --theme-gradient: linear-gradient(135deg, #009688, #26A69A);

    /* Buttons - Wave-like, smooth */
    --btn-border-radius: 25px;
    --btn-border-width: 2px;
    --btn-border-style: solid;
    --btn-shadow: 0 4px 20px rgba(0, 150, 136, 0.3);

    /* Typography - Flowing */
    --font-heading: 'Poppins', sans-serif;
    --font-body: 'Poppins', sans-serif;
    --font-number: 'Poppins', sans-serif;
    --text-transform: none;
    --letter-spacing: 0.01em;

    /* Cards - Liquid feel */
    --card-border: 2px solid rgba(0, 150, 136, 0.3);
    --card-shadow: 0 6px 28px rgba(0, 150, 136, 0.2);
    --card-glow: 0 0 15px rgba(0, 150, 136, 0.3);
}

[data-theme="ocean-teal"] .btn-primary {
    border-radius: 25px;
    border: 2px solid var(--theme-primary);
    box-shadow: 0 4px 20px rgba(0, 150, 136, 0.4);
}

/* ==================================
   THEME 10: CRIMSON RED
   Style: Bold, powerful, intense
   ================================== */
[data-theme="crimson-red"] {
    --theme-primary: #F44336;
    --theme-secondary: #E91E63;
    --theme-accent: #FF5252;
    --theme-gradient: linear-gradient(135deg, #F44336, #E91E63);

    /* Buttons - Strong, angular */
    --btn-border-radius: 6px;
    --btn-border-width: 3px;
    --btn-border-style: solid;
    --btn-shadow: 0 6px 24px rgba(244, 67, 54, 0.5);

    /* Typography - Bold and strong */
    --font-heading: 'Poppins', sans-serif;
    --font-body: 'Poppins', sans-serif;
    --font-number: 'Poppins', sans-serif;
    --text-transform: uppercase;
    --letter-spacing: 0.08em;

    /* Cards - Sharp and powerful */
    --card-border: 3px solid rgba(244, 67, 54, 0.4);
    --card-shadow: 0 8px 36px rgba(244, 67, 54, 0.4);
    --card-glow: 0 0 25px rgba(244, 67, 54, 0.5);
}

[data-theme="crimson-red"] .btn-primary {
    border-radius: 6px;
    border: 3px solid var(--theme-primary);
    box-shadow: 0 6px 24px rgba(244, 67, 54, 0.6);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 900;
}

/* ==================================
   THEME 11: GOLDEN AMBER
   Style: Luxurious, rich, warm
   ================================== */
[data-theme="golden-amber"] {
    --theme-primary: #FFC107;
    --theme-secondary: #FF9800;
    --theme-accent: #FFD54F;
    --theme-gradient: linear-gradient(135deg, #FFC107, #FF9800);

    /* Buttons - Elegant, polished */
    --btn-border-radius: 16px;
    --btn-border-width: 2px;
    --btn-border-style: solid;
    --btn-shadow: 0 6px 28px rgba(255, 193, 7, 0.5);

    /* Typography - Luxurious */
    --font-heading: 'Poppins', sans-serif;
    --font-body: 'Poppins', sans-serif;
    --font-number: 'Poppins', sans-serif;
    --text-transform: capitalize;
    --letter-spacing: 0.04em;

    /* Cards - Rich and premium */
    --card-border: 2px solid rgba(255, 193, 7, 0.4);
    --card-shadow: 0 8px 36px rgba(255, 193, 7, 0.3);
    --card-glow: 0 0 22px rgba(255, 193, 7, 0.4);
}

[data-theme="golden-amber"] .btn-primary {
    border: 2px solid var(--theme-primary);
    box-shadow: 0 6px 28px rgba(255, 193, 7, 0.6), inset 0 2px 10px rgba(255, 213, 79, 0.3);
    text-transform: capitalize;
    font-weight: 600;
}

/* ==================================
   THEME 12: AURORA BOREALIS (Premium)
   Style: Magical, ethereal, dynamic
   ================================== */
[data-theme="aurora-borealis"] {
    --theme-primary: #00FFB3;
    --theme-secondary: #7B2FF7;
    --theme-accent: #FF006B;
    --theme-gradient: linear-gradient(135deg, #00FFB3, #7B2FF7, #FF006B);
    --bg-primary: #05050D;
    --bg-secondary: #0D0D1F;

    /* Buttons - Magical, glowing */
    --btn-border-radius: 20px;
    --btn-border-width: 2px;
    --btn-border-style: solid;
    --btn-shadow: 0 8px 32px rgba(0, 255, 179, 0.5);

    /* Typography - Otherworldly */
    --font-heading: 'Poppins', sans-serif;
    --font-body: 'Poppins', sans-serif;
    --font-number: 'Poppins', sans-serif;
    --text-transform: uppercase;
    --letter-spacing: 0.06em;

    /* Cards - Magical glow */
    --card-border: 2px solid rgba(0, 255, 179, 0.4);
    --card-shadow: 0 10px 40px rgba(123, 47, 247, 0.4);
    --card-glow: 0 0 30px rgba(0, 255, 179, 0.5);
}

[data-theme="aurora-borealis"] .btn-primary {
    border: 2px solid transparent;
    background: linear-gradient(135deg, #00FFB3, #7B2FF7);
    box-shadow: 0 8px 32px rgba(0, 255, 179, 0.6), 0 0 20px rgba(123, 47, 247, 0.5);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 700;
    position: relative;
    animation: auroraShift 8s ease-in-out infinite;
}

@keyframes auroraShift {
    0%, 100% { filter: hue-rotate(0deg); }
    50% { filter: hue-rotate(30deg); }
}

/* ==================================
   THEME 13: STONER PARADISE (Premium)
   Style: Chill, natural, groovy
   ================================== */
[data-theme="stoner-paradise"] {
    --theme-primary: #2E7D32;
    --theme-secondary: #8BC34A;
    --theme-accent: #4CAF50;
    --theme-gradient: linear-gradient(135deg, #2E7D32, #8BC34A);
    --bg-primary: #0F1A13;
    --bg-secondary: #1B2D1F;

    /* Buttons - Relaxed, organic */
    --btn-border-radius: 22px;
    --btn-border-width: 3px;
    --btn-border-style: solid;
    --btn-shadow: 0 6px 28px rgba(46, 125, 50, 0.5);

    /* Typography - Chill vibes */
    --font-heading: 'Poppins', sans-serif;
    --font-body: 'Poppins', sans-serif;
    --font-number: 'Poppins', sans-serif;
    --text-transform: none;
    --letter-spacing: 0.01em;

    /* Cards - Natural, organic */
    --card-border: 3px solid rgba(46, 125, 50, 0.4);
    --card-shadow: 0 8px 36px rgba(139, 195, 74, 0.3);
    --card-glow: 0 0 25px rgba(46, 125, 50, 0.4);
}

[data-theme="stoner-paradise"] .btn-primary {
    border-radius: 22px;
    border: 3px solid var(--theme-primary);
    box-shadow: 0 6px 28px rgba(46, 125, 50, 0.6);
    font-weight: 700;
}

/* ==================================
   THEME 14: CHEECH & CHONG (Ultimate Premium)
   Style: Psychedelic, wild, rainbow
   ================================== */
[data-theme="cheech-and-chong"] {
    --theme-primary: #FFC107;
    --theme-secondary: #FF5722;
    --theme-accent: #9C27B0;
    --theme-gradient: linear-gradient(135deg, #FFC107, #FF5722, #9C27B0, #2196F3, #00FF00);
    --bg-primary: #0A0505;
    --bg-secondary: #1A0A0A;

    /* Buttons - Wild, psychedelic */
    --btn-border-radius: 15px;
    --btn-border-width: 4px;
    --btn-border-style: double;
    --btn-shadow: 0 8px 40px rgba(255, 193, 7, 0.6);

    /* Typography - Groovy */
    --font-heading: 'Poppins', sans-serif;
    --font-body: 'Poppins', sans-serif;
    --font-number: 'Poppins', sans-serif;
    --text-transform: uppercase;
    --letter-spacing: 0.05em;

    /* Cards - Psychedelic glow */
    --card-border: 4px double;
    --card-border-image: linear-gradient(135deg, #FFC107, #FF5722, #9C27B0, #2196F3) 1;
    --card-shadow: 0 10px 50px rgba(255, 193, 7, 0.5);
    --card-glow: 0 0 35px rgba(255, 87, 34, 0.6);
}

[data-theme="cheech-and-chong"] .btn-primary {
    border: 4px double;
    border-image: linear-gradient(135deg, #FFC107, #FF5722, #9C27B0) 1;
    background: linear-gradient(135deg, #FFC107, #FF5722, #9C27B0);
    box-shadow: 0 8px 40px rgba(255, 193, 7, 0.7), 0 0 30px rgba(255, 87, 34, 0.6);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 900;
    animation: psychedelicPulse 2s ease-in-out infinite;
}

@keyframes psychedelicPulse {
    0%, 100% {
        filter: hue-rotate(0deg) saturate(1);
        transform: scale(1);
    }
    50% {
        filter: hue-rotate(60deg) saturate(1.3);
        transform: scale(1.05);
    }
}

/* ==================================
   APPLY THEME VARIABLES TO BUTTONS
   ================================== */

/* All buttons inherit theme properties */
.btn {
    border-radius: var(--btn-border-radius, 16px);
    border-width: var(--btn-border-width, 2px);
    border-style: var(--btn-border-style, solid);
    font-family: var(--font-body);
    transition: all 0.3s ease;
}

.btn-primary {
    box-shadow: var(--btn-shadow);
}

.btn-primary:hover {
    transform: var(--btn-hover-transform, translateY(-2px));
}

/* ALL TEXT uses theme body font for consistency */
body, p, span, div, label, button, input, select, textarea {
    font-family: var(--font-body) !important;
}

/* Headings use theme heading font */
h1, h2, h3, h4, h5, h6,
.timer-mode,
.screen-title,
.card-title {
    font-family: var(--font-heading) !important;
    text-transform: var(--text-transform, none);
    letter-spacing: var(--letter-spacing, 0.02em);
}

/* ALL NUMBERS use theme number font */
.timer-countdown,
#total-sessions,
.stat-value,
#streak-number,
#month-sessions,
#avg-per-day,
#session-heat-time,
#session-cool-time,
#session-total-time,
#session-optimal-temp,
.achievement-card,
.stat-card [style*="font-size"] {
    font-family: var(--font-number) !important;
}

/* Cards use theme styling */
.card,
.stat-card,
.achievement-card {
    border: var(--card-border);
    box-shadow: var(--card-shadow);
}

.card:hover,
.stat-card:hover {
    box-shadow: var(--card-shadow), var(--card-glow, none);
}

/* Progress bars use theme colors */
.progress-bar {
    background: var(--theme-gradient);
    box-shadow: 0 0 10px var(--theme-primary);
}

/* Navigation items */
.nav-item.active {
    background: var(--theme-gradient);
    box-shadow: 0 2px 8px var(--theme-primary);
}

/* Input fields */
select, input {
    border: 2px solid var(--theme-primary);
    border-radius: var(--btn-border-radius, 12px);
    font-family: var(--font-body);
}

select:focus, input:focus {
    box-shadow: 0 0 15px var(--theme-primary);
}

/* Theme selector - highlight active theme */
.theme-option.active {
    border: 3px solid var(--theme-primary);
    box-shadow: 0 0 20px var(--theme-primary);
    transform: scale(1.05);
}

/* Achievement badges get theme glow */
.achievement-card.unlocked {
    box-shadow: var(--card-shadow), 0 0 20px var(--theme-primary);
}

/* ==================================
   RESPONSIVE ADJUSTMENTS
   ================================== */

@media (max-width: 768px) {
    /* Slightly reduce button border radius on mobile */
    .btn {
        border-radius: calc(var(--btn-border-radius, 16px) * 0.8);
    }

    /* Simplify shadows on mobile for performance */
    .btn-primary {
        box-shadow: 0 4px 16px rgba(var(--theme-primary-rgb, 0, 245, 255), 0.3);
    }
}

/* ==================================
   ACCESSIBILITY
   ================================== */

/* High contrast mode support */
@media (prefers-contrast: high) {
    .btn {
        border-width: 3px;
    }

    .card {
        border-width: 3px;
    }
}

/* Reduced motion - simplify animations */
@media (prefers-reduced-motion: reduce) {
    .btn-primary:hover {
        transform: none;
    }

    [data-theme="aurora-borealis"] .btn-primary,
    [data-theme="cheech-and-chong"] .btn-primary {
        animation: none;
    }
}