/* ========================================
   ALOHA Light (default) — matches styles.css :root
======================================== */
[data-theme='aloha-light'] {
    --primary-color: #2E7D32;
    --primary-dark: #1B5E20;
    --secondary-color: #0288D1;
    --text-color: #263238;
    --text-light: #607D8B;
    --background-color: #f5f7fa;
    --card-bg: white;
    --border-color: #e0e0e0;
    --box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.1);
    --shadow-md: 0 4px 6px rgba(0,0,0,0.1);
    --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1);
    --primary-color-rgb: 46, 125, 50;
    --bottom-nav-bg: rgba(255, 255, 255, 0.95);
}

/* ========================================
   ALOHA Dark
======================================== */
[data-theme='aloha-dark'] {
    --primary-color: #66bb6a;
    --primary-dark: #388E3C;
    --secondary-color: #4FC3F7;
    --text-color: #e0e0e0;
    --text-light: #9e9e9e;
    --background-color: #121212;
    --card-bg: #1e1e1e;
    --border-color: #333333;
    --box-shadow: 0 2px 8px rgba(0,0,0,0.4);
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.3);
    --shadow-md: 0 4px 6px rgba(0,0,0,0.4);
    --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.5);
    --primary-color-rgb: 102, 187, 106;
    --bottom-nav-bg: rgba(30, 30, 30, 0.95);
}

/* ========================================
   Cherry Blossom
======================================== */
[data-theme='cherry-blossom'] {
    --primary-color: #ff4d6d;
    --primary-dark: #c9184a;
    --secondary-color: #ff758c;
    --text-color: #2c1810;
    --text-light: #7a5c52;
    --background-color: #fff0f3;
    --card-bg: #ffe5ec;
    --border-color: #ffb3c6;
    --box-shadow: 0 2px 8px rgba(255,77,109,0.15);
    --shadow-sm: 0 1px 3px rgba(255,77,109,0.1);
    --shadow-md: 0 4px 6px rgba(255,77,109,0.15);
    --shadow-lg: 0 10px 15px -3px rgba(255,77,109,0.2);
    --primary-color-rgb: 255, 77, 109;
    --bottom-nav-bg: rgba(255, 240, 243, 0.95);
}

/* ========================================
   Underwater
======================================== */
[data-theme='underwater'] {
    --primary-color: #006064;
    --primary-dark: #004D40;
    --secondary-color: #00838f;
    --text-color: #004d40;
    --text-light: #26a69a;
    --background-color: #e0f7fa;
    --card-bg: #b2ebf2;
    --border-color: #80deea;
    --box-shadow: 0 2px 8px rgba(0,96,100,0.15);
    --shadow-sm: 0 1px 3px rgba(0,96,100,0.1);
    --shadow-md: 0 4px 6px rgba(0,96,100,0.15);
    --shadow-lg: 0 10px 15px -3px rgba(0,96,100,0.2);
    --primary-color-rgb: 0, 96, 100;
    --bottom-nav-bg: rgba(224, 247, 250, 0.95);
}

/* ========================================
   Halloween
======================================== */
[data-theme='halloween'] {
    --primary-color: #ff9800;
    --primary-dark: #e65100;
    --secondary-color: #f57c00;
    --text-color: #f5f5f5;
    --text-light: #bdbdbd;
    --background-color: #200f21;
    --card-bg: #382039;
    --border-color: #5c3560;
    --box-shadow: 0 2px 8px rgba(255,152,0,0.2);
    --shadow-sm: 0 1px 3px rgba(255,152,0,0.15);
    --shadow-md: 0 4px 6px rgba(255,152,0,0.2);
    --shadow-lg: 0 10px 15px -3px rgba(255,152,0,0.3);
    --primary-color-rgb: 255, 152, 0;
    --bottom-nav-bg: rgba(56, 32, 57, 0.95);
}

/* ========================================
   Patriotic (Panama: blue, white, red)
======================================== */
[data-theme='patriotic'] {
    --primary-color: #003893;
    --primary-dark: #002266;
    --secondary-color: #D21034;
    --text-color: #0b0b0b;
    --text-light: #546e7a;
    --background-color: #ffffff;
    --card-bg: #f3f6ff;
    --border-color: #c5cae9;
    --box-shadow: 0 2px 8px rgba(0,56,147,0.15);
    --shadow-sm: 0 1px 3px rgba(0,56,147,0.1);
    --shadow-md: 0 4px 6px rgba(0,56,147,0.15);
    --shadow-lg: 0 10px 15px -3px rgba(0,56,147,0.2);
    --primary-color-rgb: 0, 56, 147;
    --bottom-nav-bg: rgba(243, 246, 255, 0.95);
}