/* themes.css - Sistema de temas Habitat */
/* Paleta basada en Pantones: 144 C, 296 C, 5425 C, 7546 C */

:root[data-theme="light"] {
    /* Colores primarios Habitat */
    --primary: #4A5147;          /* Verde Oliva Oscuro */
    --primary-dark: #353B34;      /* Variación más oscura */
    --primary-light: #6B7568;     /* Variación más clara */
    --accent: #C2B8A8;            /* Beige / Arena */
    --accent-dark: #A89D8B;
    --dark: #2C2F2B;              /* Gris verdoso muy oscuro */

    /* Colores de fondo */
    --bg-primary: #ffffff;
    --bg-secondary: #F9F7F2;      /* Fondo ligeramente crema */
    --bg-tertiary: #E8DCC8;       /* Fondo arena claro */
    --bg-cream: #FDFBF8;

    /* Colores de texto */
    --text-primary: #4A5147;
    --text-secondary: #6B7568;
    --text-muted: #A89D8B;
    --text-light: #ffffff;

    /* Bordes */
    --border-color: #E8DCC8;
    --border-light: #F2EBE0;

    /* Glass effect */
    --glass-bg: rgba(255, 255, 255, 0.85);
    --glass-border: rgba(74, 81, 71, 0.18);
    --glass-shadow: rgba(44, 47, 43, 0.1);

    /* Navbar */
    --navbar-bg: #4A5147;
    --navbar-text: #ffffff;
    --navbar-hover: rgba(255, 255, 255, 0.1);

    /* Sidebar */
    --sidebar-bg: rgba(255, 255, 255, 0.95);
    --sidebar-hover: rgba(74, 81, 71, 0.08);
    --sidebar-active: rgba(74, 81, 71, 0.15);

    /* Estados */
    --success: #6B7568;
    --warning: #C2B8A8;
    --danger: #9A7E6F;
    --info: #4A5147;

    /* Sombras */
    --shadow-sm: 0 1px 2px rgba(74, 81, 71, 0.05);
    --shadow-md: 0 4px 6px rgba(74, 81, 71, 0.07);
    --shadow-lg: 0 10px 25px rgba(74, 81, 71, 0.1);
    --shadow-xl: 0 20px 40px rgba(74, 81, 71, 0.15);
}

:root[data-theme="dark"] {
    /* Colores primarios Habitat - Dark Mode */
    --primary: #C2B8A8;
    --primary-dark: #A89D8B;
    --primary-light: #E8DCC8;
    --accent: #6B7568;
    --accent-dark: #4A5147;
    --dark: #1A1C19;

    /* Colores de fondo */
    --bg-primary: #1A1C19;
    --bg-secondary: #2C2F2B;
    --bg-tertiary: #353B34;
    --bg-cream: #2C2F2B;

    /* Colores de texto */
    --text-primary: #E8DCC8;
    --text-secondary: #A89D8B;
    --text-muted: #6B7568;
    --text-light: #ffffff;

    /* Bordes */
    --border-color: #353B34;
    --border-light: #2C2F2B;

    /* Glass effect */
    --glass-bg: rgba(44, 47, 43, 0.85);
    --glass-border: rgba(194, 184, 168, 0.1);
    --glass-shadow: rgba(0, 0, 0, 0.3);

    /* Navbar */
    --navbar-bg: #2C2F2B;
    --navbar-text: #E8DCC8;
    --navbar-hover: rgba(255, 255, 255, 0.1);

    /* Sidebar */
    --sidebar-bg: rgba(44, 47, 43, 0.95);
    --sidebar-hover: rgba(194, 184, 168, 0.1);
    --sidebar-active: rgba(194, 184, 168, 0.2);

    /* Estados */
    --success: #6B7568;
    --warning: #C2B8A8;
    --danger: #9A7E6F;
    --info: #A89D8B;

    /* Sombras */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.2);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.25);
    --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.3);
    --shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.4);
}

/* Transiciones suaves entre temas */
*, *::before, *::after {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}