/* ============================================
   BRAND COLORS - Dynamicky generované
   Upravitelné z: /admin/page_editor.php → 🎨 Brand barvy
   ============================================ */

:root {
    /* Brand Colors - Hlavní */
    --brand-primary: #2A7BEF;
    --brand-text: #1E3A5F;
    --brand-field: #EAF1F8;
    --brand-accent: #7FB6EB;
    
    /* Primary Scale */
    --primary-500: #2A7BEF;
    --primary-600: #0253c7;
    --primary-400: #52a3ff;
    --primary-100: #EAF1F8;
    --primary-50: #EAF1F8;
    
    /* Text Colors - NIKDY ne brand-field! */
    --text-primary: #1E3A5F;
    --text-secondary: #3A495E;
    --text-tertiary: #5A6B82;
    --gray-900: #1E3A5F;
    --gray-800: #3c587d;
    --gray-700: #3A495E;
    --gray-600: #4A5A70;
    --gray-500: #5A6B82;
    --gray-400: #7E8DA5;
    --gray-300: #A8B3C4;
    --gray-200: #D2D9E3;
    --gray-100: #E8ECF1;
    
    /* Background Colors - brand-field JEN na pozadí! */
    --bg-tertiary: #EAF1F8;
    --bg-hover: #EAF1F8;
    --bg-field: #EAF1F8;
    
    /* Secondary */
    --secondary-500: #7FB6EB;
    --secondary-600: #7FB6EB;
    --color-primary: #2A7BEF;
    --color-primary-dark: #0253c7;
    --color-primary-light: #7FB6EB;
    --color-secondary: #1E3A5F;
    
    /* Border */
    --border-focus: #2A7BEF;
    
    /* Medical Colors */
    --medical-blue: #2A7BEF;
    --medical-light-blue: #EAF1F8;
}

/* ============================================
   GRADIENTY S BRAND BARVAMI
   ============================================ */

.gradient-primary,
.btn-primary,
.auth-btn,
.theme-btn-primary {
    background: linear-gradient(135deg, #2A7BEF 0%, #1E3A5F 100%) !important;
}

.gradient-hero,
.hero-gradient,
.dashboard-header {
    background: linear-gradient(135deg, #2A7BEF 0%, #7FB6EB 100%) !important;
}

.gradient-medical {
    background: linear-gradient(135deg, #2A7BEF 0%, #7FB6EB 100%) !important;
}

.gradient-mesh {
    background: linear-gradient(135deg, #2A7BEF 0%, #7FB6EB 50%, #1E3A5F 100%) !important;
    background-size: 400% 400%;
}

/* ============================================
   AUTH PAGES
   ============================================ */

.auth-wrapper {
    background: linear-gradient(135deg, #EAF1F8 0%, #93caff 50%, #7FB6EB 100%) !important;
}

.auth-input:focus,
.form-input:focus,
.theme-input:focus,
input:focus,
textarea:focus,
select:focus {
    border-color: #2A7BEF !important;
    box-shadow: 0 0 0 3px rgba(42, 123, 239, 0.1) !important;
}

.auth-btn {
    background: linear-gradient(135deg, #2A7BEF 0%, #0253c7 100%) !important;
    box-shadow: 0 4px 6px -1px rgba(42, 123, 239, 0.3) !important;
}

.auth-link,
a.auth-link {
    color: #2A7BEF !important;
}

.auth-link:hover,
a.auth-link:hover {
    color: #0253c7 !important;
}

/* ============================================
   ODKAZY A TEXT
   ============================================ */

a:not(.btn):not(.auth-btn):not(.no-brand-color) {
    color: #2A7BEF;
}

a:not(.btn):not(.auth-btn):not(.no-brand-color):hover {
    color: #0253c7;
}

.text-gradient {
    background: linear-gradient(135deg, #2A7BEF, #7FB6EB);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* ============================================
   TLAČÍTKA
   ============================================ */

.btn-primary:hover:not(:disabled) {
    box-shadow: 0 10px 15px -3px rgba(42, 123, 239, 0.4) !important;
}

.btn-secondary {
    background: white !important;
    border-color: #2A7BEF !important;
    color: #2A7BEF !important;
}

.btn-secondary:hover:not(:disabled) {
    background: #2A7BEF !important;
    color: white !important;
    border-color: #2A7BEF !important;
}

.btn-ghost {
    color: #1E3A5F !important;
}

.btn-ghost:hover:not(:disabled) {
    background: #2A7BEF !important;
    color: white !important;
}

/* ============================================
   NAVIGACE
   ============================================ */

.theme-nav-link.active {
    color: #2A7BEF !important;
    border-bottom-color: #2A7BEF !important;
}

/* ============================================
   CUSTOMER THEME
   ============================================ */

[data-theme] .theme-btn-primary,
.theme-gradient-primary {
    background: linear-gradient(135deg, #2A7BEF 0%, #1E3A5F 100%) !important;
}

/* ============================================
   CARDS & BACKGROUNDS
   ============================================ */

/* Text na bílých kartách MUSÍ být tmavý! */
.card,
.card p,
.card li,
.card span:not(.badge),
.pricing-card,
.feature-card {
    color: #1E3A5F !important;
}

.card h1,
.card h2,
.card h3,
.card h4,
.card h5,
.card h6 {
    color: #1E3A5F !important;
}

.card:hover {
    border-color: #7FB6EB !important;
}

/* Medical icons colors */
.stat-icon-blue {
    background: #EAF1F8 !important;
    color: #2A7BEF !important;
}

/* ============================================
   FORM ELEMENTS
   ============================================ */

.form-input:focus,
.form-select:focus,
.form-textarea:focus {
    border-color: #2A7BEF !important;
    box-shadow: 0 0 0 3px rgba(42, 123, 239, 0.1) !important;
}

/* ============================================
   ALERTS & BADGES
   ============================================ */

.alert-info,
.auth-alert-info {
    background: #EAF1F8 !important;
    border-left-color: #2A7BEF !important;
}

.badge-primary {
    background: #EAF1F8 !important;
    color: #2A7BEF !important;
}

/* ============================================
   LOADING & SPINNERS
   ============================================ */

.spinner {
    border-top-color: #2A7BEF !important;
}

/* ============================================
   TAILWIND OVERRIDES - Text na bílém pozadí
   ============================================ */

/* Všechny Tailwind text-gray-* třídy na TMAVOU barvu! */
.text-gray-600,
.text-gray-700,
.text-gray-800,
.text-gray-900 {
    color: #1E3A5F !important;
}

.text-gray-500 {
    color: #5A6B82 !important;
}

.text-gray-400 {
    color: #7E8DA5 !important;
}

.text-slate-600,
.text-slate-700,
.text-slate-800,
.text-slate-900 {
    color: #1E3A5F !important;
}

/* Tailwind primary barvy - MUSÍ být brand! */
.hover\:text-primary-600:hover,
.hover\:text-primary-500:hover,
.hover\:text-primary-700:hover {
    color: #1E3A5F !important;
}

.text-primary-600,
.text-primary-500,
.text-primary-700 {
    color: #2A7BEF !important;
}

/* Text v listách a ul/li */
ul li,
ol li {
    color: #1E3A5F !important;
}

/* ============================================
   RESPONSIVE & UTILITIES
   ============================================ */

@media (max-width: 640px) {
    .auth-wrapper {
        background: linear-gradient(135deg, #EAF1F8 0%, #7FB6EB 100%) !important;
    }
}