/* Common Pastel Lemonade Theme for all pages */
[data-theme="lemonade"] {
    --b1: 99.5% 0.005 123.72;
    --b2: 96% 0.01 123.72;
    --b3: 90% 0.015 123.72;
    --bc: 30% 0.008 123.72;
    --p: 59% 0.145 163.225;
    --pc: 11.784% 0.039 134.6;
    --s: 43% 0.078 188.216;
    --sc: 86.196% 0.015 108.6;
    --a: 92% 0.04 100.73;
    --ac: 30% 0.015 100.73;
    --n: 95% 0.008 108.6;
    --nc: 92% 0.008 108.6;
    --rounded-box: 1rem;
    --rounded-btn: 0.5rem;
}

/* NeaNiu Test Theme */
[data-theme="neaniutest"] {
    /* Base colors - using lemonade backgrounds */
    --b1: 99.5% 0.005 123.72;
    --b2: 96% 0.01 123.72;
    --b3: 90% 0.015 123.72;
    --bc: 30% 0.008 123.72;
    
    /* Primary - Professional Blue/Teal */
    --p: 59% 0.145 163.225;
    --pc: 11.784% 0.039 134.6;
    
    /* Secondary - Medical Teal */
    --s: 43% 0.078 188.216;
    --sc: 86.196% 0.015 108.6;
    
    /* Accent - Light Pink/Coral for general use */
    --a: 92% 0.04 100.73;
    --ac: 30% 0.015 100.73;
    
    /* Neutral */
    --n: 20% 0.042 265.755;
    --nc: 86.196% 0.015 108.6;
    
    /* Semantic colors */
    --su: 86.19% 0.047 157.85;
    --suc: 17.238% 0.009 157.85;
    --wa: 86.19% 0.047 102.15;
    --wac: 17.238% 0.009 102.15;
    --er: 86.19% 0.047 25.85;
    --erc: 17.238% 0.009 25.85;
    --in: 95% 0.045 203.388;
    --inc: 17.238% 0.009 224.14;
    
    /* Border radius */
    --rounded-box: 1rem;
    --rounded-btn: 0.5rem;
    --rounded-badge: 1.9rem;
    
    /* Other settings */
    --animation-btn: 0.25s;
    --animation-input: 0.2s;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
}

/* Epitomée Theme - Yellow and Purple */
[data-theme="epitomee"] {
    /* Base colors - slightly warm */
    --b1: 98.71% 0.02 95;
    --b2: 91.8% 0.018 95;
    --b3: 91.8% 0.018 95;
    --bc: 19.742% 0.004 95;
    
    /* Primary - Sunflower Yellow */
    --p: 90% 0.182 98.111;
    --pc: 17.078% 0.04 100.73;
    
    /* Secondary - Deep Purple */
    --s: 50% 0.15 290;
    --sc: 95% 0.01 290;
    
    /* Accent - Light Purple */
    --a: 70% 0.08 290;
    --ac: 20% 0.02 290;
    
    /* Neutral */
    --n: 20% 0.042 265.755;
    --nc: 86.196% 0.015 108.6;
    
    /* Semantic colors */
    --su: 86.19% 0.047 157.85;
    --suc: 17.238% 0.009 157.85;
    --wa: 86.19% 0.047 102.15;
    --wac: 17.238% 0.009 102.15;
    --er: 86.19% 0.047 25.85;
    --erc: 17.238% 0.009 25.85;
    --in: 95% 0.045 203.388;
    --inc: 17.238% 0.009 224.14;
    
    /* Border radius */
    --rounded-box: 1rem;
    --rounded-btn: 0.5rem;
    --rounded-badge: 1.9rem;
    
    /* Other settings */
    --animation-btn: 0.25s;
    --animation-input: 0.2s;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
}

.fade-in {
    animation: fadeIn 0.3s ease-in;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.equipment-grid {
    max-height: 300px;
    overflow-y: auto;
}

/* Navigation improvements */
.navbar .menu li a {
    border-radius: 0.5rem;
    transition: all 0.2s ease;
}

.navbar .menu li a:hover {
    background-color: oklch(var(--b3));
}

/* Button improvements */
.btn {
    transition: all 0.2s ease;
}

.btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px oklch(var(--p) / 0.2);
}

/* Form improvements */
.input:focus, .select:focus, .textarea:focus {
    box-shadow: 0 0 0 3px oklch(var(--p) / 0.2);
}

/* Card improvements */
.card {
    transition: all 0.2s ease;
}

.card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px oklch(var(--b3) / 0.3);
}

/* Alert info override - extremely light background */
.alert-info {
    background-color: oklch(98% 0.005 210) !important;
    border-color: oklch(95% 0.01 210) !important;
    color: oklch(45% 0.03 210) !important;
}

/* Navigation button spacing */
.navbar .menu {
    gap: 0.5rem !important;
}

.navbar .menu li:nth-last-child(2) {
    margin-right: 0.75rem !important;
}