/* ===== Light Theme (Default) ===== */
:root, [data-theme="dark-brown"] {
    --primary-color: #5d4037;
    --primary-light: #8d6e63;
    --primary-dark: #3e2723;
    --secondary-color: #a1887f;
    --accent-color: #d7ccc8;
    --background-color: #f5f5f5;
    --text-color: #333333;
    --heading-color: #1a1a1a;
    --card-bg: #ffffff;
    --border-color: #e0e0e0;
    --footer-bg: #efebe9;
    --hero-bg: linear-gradient(135deg, #efebe9 0%, #d7ccc8 100%);
    --btn-outline-color: #5d4037;
    --btn-outline-hover-bg: #5d4037;
    --btn-outline-hover-color: white;
    --primary-rgb: 93, 64, 55;
}

/* ===== Dark Theme ===== */
[data-theme="coffee"] {
    --primary-color: #8d6e63;
    --primary-light: #bcaaa4;
    --primary-dark: #5d4037;
    --secondary-color: #a1887f;
    --accent-color: #3e2723;
    --background-color: #121212;
    --text-color: #e0e0e0;
    --heading-color: #ffffff;
    --card-bg: #1e1e1e;
    --border-color: #333333;
    --footer-bg: #1a1a1a;
    --hero-bg: linear-gradient(135deg, #1a1a1a 0%, #3e2723 100%);
    --btn-outline-color: #8d6e63;
    --btn-outline-hover-bg: #8d6e63;
    --btn-outline-hover-color: #121212;
    --primary-rgb: 141, 110, 99;
}

/* --- */

/* ===== Ocean Blue Theme (Light) ===== */
[data-theme="ocean-blue"] {
    --primary-color: #007bff; /* A vibrant blue */
    --primary-light: #66b3ff;
    --primary-dark: #0056b3;
    --secondary-color: #4CAF50; /* A contrasting green */
    --accent-color: #ffe082; /* A warm yellow accent */
    --background-color: #e3f2fd; /* Very light blue background */
    --text-color: #263238; /* Dark, readable text */
    --heading-color: #0d47a1; /* Deeper blue for headings */
    --card-bg: #ffffff;
    --border-color: #bbdefb;
    --footer-bg: #90caf9;
    --hero-bg: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
    --btn-outline-color: #007bff;
    --btn-outline-hover-bg: #007bff;
    --btn-outline-hover-color: white;
    --primary-rgb: 0, 123, 255;
}

/* --- */

/* ===== Midnight Plum Theme (Dark) ===== */
[data-theme="midnight-plum"] {
    --primary-color: #673ab7; /* A rich, deep plum */
    --primary-light: #9c27b0;
    --primary-dark: #4527a0;
    --secondary-color: #8bc34a; /* A vibrant lime green for contrast */
    --accent-color: #ffeb3b; /* A bright yellow accent */
    --background-color: #1a0033; /* Very dark, almost black purple */
    --text-color: #e0e0e0;
    --heading-color: #f3e5f5; /* Lighter heading for contrast */
    --card-bg: #2d004d; /* Slightly lighter than background for cards */
    --border-color: #4a148c;
    --footer-bg: #310057;
    --hero-bg: linear-gradient(135deg, #1a0033 0%, #4527a0 100%);
    --btn-outline-color: #673ab7;
    --btn-outline-hover-bg: #673ab7;
    --btn-outline-hover-color: #1a0033;
    --primary-rgb: 103, 58, 183;
}

/* ===== Coffee Theme (Dark) ===== */
[data-theme="coffee"] {
    --primary-color: #4A3C32; /* Rich, dark coffee brown */
    --primary-light: #6A5B51;
    --primary-dark: #2F241F;
    --secondary-color: #8C7B71; /* Lighter, milky brown */
    --accent-color: #D2B48C; /* Caramel accent */
    --background-color: #1F1714; /* Deep, dark background */
    --text-color: #E0DCD9; /* Off-white for readability */
    --heading-color: #F5F5F0; /* Brighter heading */
    --card-bg: #2B211C; /* Slightly lighter card background */
    --border-color: #3C302B;
    --footer-bg: #1A1310;
    --hero-bg: linear-gradient(135deg, #1F1714 0%, #2F241F 100%);
    --btn-outline-color: #4A3C32;
    --btn-outline-hover-bg: #4A3C32;
    --btn-outline-hover-color: white;
    --primary-rgb: 74, 60, 50;
}
/* ===== Light Brown Theme (Earthy & Warm) ===== */
[data-theme="light-brown"] {
    --primary-color: #A1887F; /* Warm, light brown */
    --primary-light: #BCAAA4;
    --primary-dark: #8D6E63;
    --secondary-color: #D7CCC8; /* Lighter, almost beige */
    --accent-color: #FFCC80; /* Soft orange accent */
    --background-color: #FBF8F5; /* Very light off-white */
    --text-color: #4E342E; /* Dark brown for text */
    --heading-color: #3E2723; /* Deeper brown for headings */
    --card-bg: #FFFFFF;
    --border-color: #EFEBE9;
    --footer-bg: #E0DCD9;
    --hero-bg: linear-gradient(135deg, #FBF8F5 0%, #EFEBE9 100%);
    --btn-outline-color: #A1887F;
    --btn-outline-hover-bg: #A1887F;
    --btn-outline-hover-color: white;
    --primary-rgb: 161, 136, 127;
}

/* ===== Deep Brown Theme (Rich & Luxurious) ===== */
[data-theme="deep-brown"] {
    --primary-color: #5D4037; /* Classic deep brown */
    --primary-light: #795548;
    --primary-dark: #3E2723;
    --secondary-color: #A1887F; /* Softer brown for balance */
    --accent-color: #FBC02D; /* Golden accent for richness */
    --background-color: #2F1B17; /* Very dark background */
    --text-color: #F5EFEA;
    --heading-color: #FFF8E1; /* Lighter, creamy heading */
    --card-bg: #3A2520; /* Darker card background */
    --border-color: #573E36;
    --footer-bg: #271410;
    --hero-bg: linear-gradient(135deg, #2F1B17 0%, #3E2723 100%);
    --btn-outline-color: #5D4037;
    --btn-outline-hover-bg: #5D4037;
    --btn-outline-hover-color: white;
    --primary-rgb: 93, 64, 55;
}

/* ===== Warm Brown Theme ===== */
[data-theme="warm-brown"] {
    --primary-color: #8D6E63; /* A warm, inviting mid-brown */
    --primary-light: #A1887F;
    --primary-dark: #6D4C41;
    --secondary-color: #BCAAA4; /* Lighter, cozier brown */
    --accent-color: #FFAB91; /* Soft, warm peach/orange accent */
    --background-color: #F8F5F2; /* Very light, creamy background */
    --text-color: #4E342E; /* Dark brown for readability */
    --heading-color: #3E2723; /* Deeper brown for headings */
    --card-bg: #FFFFFF;
    --border-color: #EFEBE9;
    --footer-bg: #E8DED8;
    --hero-bg: linear-gradient(135deg, #F8F5F2 0%, #EFEBE9 100%);
    --btn-outline-color: #8D6E63;
    --btn-outline-hover-bg: #8D6E63;
    --btn-outline-hover-color: white;
    --primary-rgb: 141, 110, 99;
}

/* ===== Medium Brown Theme ===== */
[data-theme="medium-brown"] {
    --primary-color: #795548; /* A balanced, true medium brown */
    --primary-light: #8D6E63;
    --primary-dark: #5D4037;
    --secondary-color: #A1887F; /* Slightly lighter accent brown */
    --accent-color: #FFD54F; /* A cheerful, soft yellow accent */
    --background-color: #ECEFF1; /* A very light, cool gray-brown */
    --text-color: #3E2723; /* Dark brown text */
    --heading-color: #2D1B17; /* Very dark brown headings */
    --card-bg: #FFFFFF;
    --border-color: #D7CCC8;
    --footer-bg: #CFD8DC;
    --hero-bg: linear-gradient(135deg, #ECEFF1 0%, #D7CCC8 100%);
    --btn-outline-color: #795548;
    --btn-outline-hover-bg: #795548;
    --btn-outline-hover-color: white;
    --primary-rgb: 121, 85, 72;
}