﻿/**
 * BLUE2 THEME - VARIABLES CSS
 * Estructura unificada con dark_glass_root.css
 */
:root {
    --apolonia-cyan: #b5e4fb;
    --apolonia-cyan-light: #d8f7ff;
    --apolonia-cyan-dark: #95d4eb;
    --apolonia-purple: #b5e4fb;
    --apolonia-purple-light: #d8f7ff;
    --apolonia-purple-dark: #95d4eb;
    --apolonia-pink: #b5e4fb;
    --apolonia-pink-light: #d8f7ff;
    --apolonia-pink-dark: #95d4eb;
    --sidebar-bg: rgba(181, 228, 251, 0.95);
    --sidebar-bg-solid: #b5e4fb;
    --sidebar-border: rgba(0, 0, 0, 0.1);
    --sidebar-border-subtle: rgba(0, 0, 0, 0.05);
    --sidebar-text: #333333;
    --sidebar-text-hover: #000000;
    --sidebar-text-active: #000000;
    --sidebar-text-muted: rgba(0, 0, 0, 0.5);
    --sidebar-icon: rgba(0, 0, 0, 0.7);
    --sidebar-icon-hover: #000000;
    --sidebar-icon-active: #000000;
    --sidebar-hover-bg: rgba(0, 0, 0, 0.08);
    --sidebar-active-bg: rgba(0, 0, 0, 0.12);
    --sidebar-active-border: #d8f7ff;
    --sidebar-submenu-bg: rgba(0, 0, 0, 0.05);
    --sidebar-submenu-hover: rgba(0, 0, 0, 0.08);
    --gradient-sidebar-glow: linear-gradient(180deg, #d8f7ff 0%, #b5e4fb 50%, #d8f7ff 100%);
    --gradient-active-bg: linear-gradient(135deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.08) 100%);
    --gradient-button-primary: linear-gradient(135deg, #b5e4fb 0%, #d8f7ff 100%);
    --gradient-button-hover: linear-gradient(135deg, #d8f7ff 0%, #b5e4fb 100%);
    --dashboard-bg: #F8FAFC;
    --dashboard-topbar-bg: #FFFFFF;
    --dashboard-card-bg: #FFFFFF;
    --dashboard-card-border: #E2E8F0;
    --dashboard-card-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    --dashboard-card-shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.08);
    --dashboard-text-primary: #0F172A;
    --dashboard-text-secondary: #64748B;
    --dashboard-text-muted: #94A3B8;
    --dashboard-divider: #E2E8F0;
    --badge-cyan-bg: rgba(181, 228, 251, 0.2);
    --badge-cyan-bg-solid: #E5F5FF;
    --badge-cyan-text: #4BA0C8;
    --badge-cyan-border: rgba(181, 228, 251, 0.4);
    --badge-purple-bg: rgba(181, 228, 251, 0.2);
    --badge-purple-bg-solid: #E5F5FF;
    --badge-purple-text: #4BA0C8;
    --badge-purple-border: rgba(181, 228, 251, 0.4);
    --badge-pink-bg: rgba(181, 228, 251, 0.2);
    --badge-pink-bg-solid: #E5F5FF;
    --badge-pink-text: #4BA0C8;
    --badge-pink-border: rgba(181, 228, 251, 0.4);
    --badge-gray-bg: rgba(148, 163, 184, 0.1);
    --badge-gray-bg-solid: #F1F5F9;
    --badge-gray-text: #64748B;
    --badge-gray-border: rgba(148, 163, 184, 0.3);
    --blue-btn: #6496ad;
    --blue-btn-bg: #94d0df;
    --blue-header-btn: #54b7cf;
    --blue-header-btn-txt: #bee3ed;
    --white: #fff;
    --grey-card-header: #f9f9f9;
    --blue-even: #e8f6f9;
    --black: #333;
    --pink: #FF1D8B;
    --apolonia-light-blue: #91d1e1;
    --grey-list: #78829d;
    --apolonia-orange-super: #ff5918;
    --grey-pearl-river: #f1f1f1;
    --blue-header: #d8f7ff;
    --apolonia-blue-super: #b5e4fb;
    --apolonia-blue-super_rgba: rgba(181, 228, 251, 0.5);
    --apolonia-blue-super-2: #d8f7ff;
    --bs-primary: #b5e4fb;
    --bs-primary-rgb: 181, 228, 251;
    --bs-primary-active: #d8f7ff;
    --bs-primary-inverse: #333;
    --bs-pagination-active-bg-v2: #b5e4fb;
    --bs-pagination-active-color: #333;
    --bs-link-color: #b5e4fb;
    --bs-link-hover-color: #d8f7ff;
    --shadow-glow-cyan: 0 0 10px rgba(0, 0, 0, 0.1);
    --shadow-glow-purple: 0 0 10px rgba(181, 228, 251, 0.3);
    --shadow-glow-pink: 0 0 10px rgba(181, 228, 251, 0.3);
    --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.05);
    --shadow-card-hover: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-dropdown: 0 8px 24px rgba(0, 0, 0, 0.12);
}
.active > .page-link, .page-link.active {background-color: var(--bs-pagination-active-bg-v2);border-color: var(--bs-pagination-active-bg-v2);}
.app-sidebar .menu .menu-item .menu-link .menu-title, .app-sidebar .menu .menu-item .menu-link.sub_active .menu-title,.app-sidebar .menu .menu-item .menu-link .menu-icon, .app-sidebar .menu .menu-item .menu-link.sub_active .menu-icon I,.app-sidebar .menu .menu-item .menu-link .menu-icon i,.app-sidebar .menu .menu-item .menu-link:hover:not(.active) .menu-title,.header_patient A,.ico_swap I,.section_header_s,#c_show_admin_info I,#c_admin_info,#c_admin_info I,.page-item.active .page-link {color:#444!important}
