/* ==========================================================================
   CSS Proměnné pro barvy
   Primární barva: Emerald 500 (#10B981)
   ========================================================================== */

:root {
    /* ===== Odstíny hlavní barvy (Emerald) ===== */
    --emerald-50: #ecfdf5;
    --emerald-200: #a7f3d0;
    --emerald-300: #6ee7b7;
    --emerald-400: #34d399;
    --emerald-500: #10B981;
    --emerald-600: #059669;
    --emerald-700: #047857;
    --emerald-800: #065f46;
    --emerald-900: #064E3B;
    --emerald-950: #022c22;

    /* ===== Funkční barvy ===== */
    --barva-primary: #10B981;
    --barva-primary-hover: #059669;
    --barva-primary-active: #047857;
    --barva-primary-dark: var(--emerald-950);
    --barva-primary-light: var(--emerald-50);
    --barva-primary-light-hover: var(--emerald-200);
    --barva-primary-border-light: var(--emerald-300);
    --barva-primary-disabled-bg: #A7F3D0;
    --barva-primary-disabled-text: #065F46;

    --barva-secondary: #3B82F6;
    --barva-secondary-hover: #2563EB;
    --barva-secondary-disabled-bg: #BFDBFE;
    --barva-secondary-disabled-text: #1E40AF;

    --barva-info: #3B82F6;
    --barva-info-hover: #2563EB;
    --barva-info-light: #DBEAFE;
    --barva-info-text: #1E3A8A;

    --barva-warning: #d97706;
    --barva-warning-hover: #b45309;
    --barva-warning-light: #FEF3C7;
    --barva-warning-text: #92400E;

    --barva-danger: #DC2626;
    --barva-danger-hover: #b91c1c;
    --barva-danger-light: #FEE2E2;
    --barva-danger-border: #fecaca;
    --barva-danger-text: #991B1B;

    --barva-success: #10B981;
    --barva-success-hover: #059669;
    --barva-success-light: #DCFCE7;
    --barva-success-text: #166534;

    /* ===== Neutrální odstíny ===== */
    --neutral-50: #F8FAFC;
    --neutral-100: #F1F5F9;
    --neutral-200: #E2E8F0;
    --neutral-300: #CBD5E1;
    --neutral-400: #94A3B8;
    --neutral-500: #64748B;
    --neutral-600: #475569;
    --neutral-700: #334155;
    --neutral-800: #1E293B;
    --neutral-900: #0F172A;

    --barva-white: #FFFFFF;
    --barva-gray-50: var(--neutral-50);
    --barva-gray-100: var(--neutral-100);
    --barva-gray-200: var(--neutral-200);
    --barva-gray-400: var(--neutral-400);
    --barva-gray-600: var(--neutral-600);
    --barva-gray-800: var(--neutral-800);

    /* ===== Disabled ===== */
    --barva-disabled-bg: #E2E8F0;
    --barva-disabled-text: #94A3B8;
    --barva-disabled-border: #CBD5E1;

    /* ===== Pozadí ===== */
    --barva-body-bg: var(--neutral-50);
    --barva-subtle-bg: var(--neutral-100);
    --barva-card-bg: var(--barva-white);
    --barva-card-footer-bg: var(--neutral-50);
    --barva-sidebar-bg: var(--barva-white);
    --barva-header-bg: var(--barva-white);
    --barva-modal-body-bg: #f4f4f4;

    /* ===== Text ===== */
    --barva-text: var(--neutral-600);
    --barva-text-dark: var(--neutral-900);
    --barva-text-muted: var(--neutral-400);
    --barva-text-heading: var(--neutral-900);

    /* ===== Okraje ===== */
    --barva-border: var(--neutral-200);
    --barva-border-light: var(--neutral-100);
    --barva-border-input: var(--neutral-300);
    --barva-border-focus: #10B981;

    /* ===== Sidebar ===== */
    --barva-sidebar-text: var(--neutral-600);
    --barva-sidebar-text-hover: #10B981;
    --barva-sidebar-text-active: #10B981;
    --barva-sidebar-bg-hover: var(--emerald-50);
    --barva-sidebar-bg-active: var(--emerald-50);
    --barva-sidebar-border-active: #10B981;
    --barva-sidebar-border-hover: var(--emerald-200);
    --barva-sidebar-label: var(--neutral-400);
    --barva-sidebar-header: #10B981;
    --barva-sidebar-width: 240px;

    /* ===== Header ===== */
    --barva-header-text: var(--neutral-900);
    --barva-header-icon: #10B981;
    --barva-header-height: 56px;

    /* ===== Navigace / Záložky ===== */
    --barva-tab-text: var(--neutral-600);
    --barva-tab-border: var(--neutral-200);
    --barva-tab-active-bg: #10B981;
    --barva-tab-active-text: var(--barva-white);
    --barva-tab-active-border: #10B981;

    /* ===== Formuláře ===== */
    --barva-input-bg: var(--barva-white);
    --barva-input-text: var(--neutral-900);
    --barva-input-placeholder: var(--neutral-400);
    --barva-input-focus: #10B981;
    --barva-input-focus-shadow: rgba(16, 185, 129, 0.25);

    /* ===== Tabulky ===== */
    --barva-table-border: var(--neutral-200);
    --barva-table-head-text: var(--neutral-900);
    --barva-table-head-border: var(--neutral-200);
    --barva-table-striped: rgba(0, 0, 0, 0.02);

    /* ===== Dropdown ===== */
    --barva-dropdown-bg: var(--barva-white);
    --barva-dropdown-hover: var(--emerald-50);
    --barva-dropdown-text: var(--neutral-900);
    --barva-dropdown-border: var(--neutral-200);
    --barva-dropdown-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);

    /* ===== Badge ===== */
    --barva-badge-radius: 20px;

    /* ===== Karty ===== */
    --barva-card-border-radius: 12px;
    --barva-card-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    --barva-card-header-border: var(--neutral-100);

    /* ===== Odhlášení tlačítko ===== */
    --barva-odhlasit-text: var(--barva-danger);
    --barva-odhlasit-bg: var(--barva-danger-light);
    --barva-odhlasit-border: var(--barva-danger-border);
    --barva-odhlasit-hover-bg: #fee2e2;
    --barva-odhlasit-hover-text: var(--barva-danger-hover);

    /* ===== Footer ===== */
    --barva-footer-text: var(--neutral-400);
    --barva-footer-border: var(--neutral-200);

    /* ===== Bootstrap CSS proměnné - přepsány našimi barvami ===== */

    /* Základní barvy */
    --bs-blue: var(--barva-info);
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: var(--barva-danger);
    --bs-orange: #fd7e14;
    --bs-yellow: var(--barva-warning);
    --bs-green: #10B981;
    --bs-teal: #20c997;
    --bs-cyan: var(--barva-info);
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: var(--neutral-400);
    --bs-gray-dark: var(--neutral-800);

    /* Gray odstíny */
    --bs-gray-100: var(--neutral-50);
    --bs-gray-200: var(--neutral-100);
    --bs-gray-300: var(--neutral-200);
    --bs-gray-400: var(--neutral-400);
    --bs-gray-500: var(--neutral-500);
    --bs-gray-600: var(--neutral-600);
    --bs-gray-700: var(--neutral-700);
    --bs-gray-800: var(--neutral-800);
    --bs-gray-900: var(--neutral-900);

    /* Funkční barvy */
    --bs-primary: #10B981;
    --bs-secondary: var(--neutral-600);
    --bs-success: #10B981;
    --bs-info: var(--barva-info);
    --bs-warning: var(--barva-warning);
    --bs-danger: var(--barva-danger);
    --bs-light: var(--neutral-50);
    --bs-dark: var(--neutral-900);

    /* RGB hodnoty pro funkční barvy */
    --bs-primary-rgb: 16, 185, 129;
    --bs-secondary-rgb: 71, 85, 105;
    --bs-success-rgb: 16, 185, 129;
    --bs-info-rgb: 59, 130, 246;
    --bs-warning-rgb: 217, 119, 6;
    --bs-danger-rgb: 220, 38, 38;
    --bs-light-rgb: 248, 250, 252;
    --bs-dark-rgb: 15, 23, 42;

    /* Text emphasis */
    --bs-primary-text-emphasis: var(--emerald-900);
    --bs-secondary-text-emphasis: var(--neutral-900);
    --bs-success-text-emphasis: #166534;
    --bs-info-text-emphasis: #1E3A8A;
    --bs-warning-text-emphasis: #92400E;
    --bs-danger-text-emphasis: #991B1B;
    --bs-light-text-emphasis: var(--neutral-600);
    --bs-dark-text-emphasis: var(--neutral-600);

    /* Background subtle */
    --bs-primary-bg-subtle: var(--emerald-50);
    --bs-secondary-bg-subtle: var(--neutral-100);
    --bs-success-bg-subtle: #DCFCE7;
    --bs-info-bg-subtle: #DBEAFE;
    --bs-warning-bg-subtle: #FEF3C7;
    --bs-danger-bg-subtle: #FEE2E2;
    --bs-light-bg-subtle: var(--neutral-50);
    --bs-dark-bg-subtle: var(--neutral-200);

    /* Border subtle */
    --bs-primary-border-subtle: var(--emerald-200);
    --bs-secondary-border-subtle: var(--neutral-200);
    --bs-success-border-subtle: var(--emerald-200);
    --bs-info-border-subtle: #BFDBFE;
    --bs-warning-border-subtle: #FDE68A;
    --bs-danger-border-subtle: var(--barva-danger-border);
    --bs-light-border-subtle: var(--neutral-100);
    --bs-dark-border-subtle: var(--neutral-400);

    /* RGB pro white/black */
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;

    /* Fonty */
    --bs-font-sans-serif: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));

    /* Body */
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: var(--neutral-900);
    --bs-body-color-rgb: 15, 23, 42;
    --bs-body-bg: var(--barva-white);
    --bs-body-bg-rgb: 255, 255, 255;

    /* Emphasis */
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(71, 85, 105, 0.75);
    --bs-secondary-color-rgb: 71, 85, 105;
    --bs-secondary-bg: var(--neutral-100);
    --bs-secondary-bg-rgb: 241, 245, 249;
    --bs-tertiary-color: rgba(71, 85, 105, 0.5);
    --bs-tertiary-color-rgb: 71, 85, 105;
    --bs-tertiary-bg: var(--neutral-50);
    --bs-tertiary-bg-rgb: 248, 250, 252;

    /* Heading */
    --bs-heading-color: inherit;

    /* Links */
    --bs-link-color: #10B981;
    --bs-link-color-rgb: 16, 185, 129;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #059669;
    --bs-link-hover-color-rgb: 5, 150, 105;

    /* Code */
    --bs-code-color: #d63384;
    --bs-highlight-color: var(--neutral-900);
    --bs-highlight-bg: var(--barva-warning-light);

    /* Borders */
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: var(--neutral-200);
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;

    /* Box shadows */
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);

    /* Focus ring */
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(16, 185, 129, 0.25);

    /* Form validation */
    --bs-form-valid-color: #10B981;
    --bs-form-valid-border-color: #10B981;
    --bs-form-invalid-color: var(--barva-danger);
    --bs-form-invalid-border-color: var(--barva-danger);
}