/* =========================================================================
   KAWKOVÁ – Design tokens
   Jediný zdroj pravdy pro barvy, typografii, rádiusy a stíny.
   Nemodifikujte barvy jinde – vždy použijte var(--bx-*).
   ========================================================================= */

:root,
[data-bx-theme="light"] {
    /* --- Plochy --------------------------------------------------------- */
    --bx-bg-app: #F6F4EF; /* pracovní plocha – teplá lomená bílá */
    --bx-bg-surface: #FFFFFF; /* karty a kontejnery */
    --bx-bg-surface-alt: #FBFAF7; /* jemně odlišená plocha (hlavičky tabulek) */
    --bx-bg-hover: rgba(212, 159, 0, 0.08); /* hover podklad */
    --bx-bg-selected: rgba(212, 159, 0, 0.16); /* vybraný řádek */
    /* --- Text ----------------------------------------------------------- */
    --bx-text: #281E1E; /* hluboký antracit */
    --bx-text-muted: #505050; /* grafit – sekundární texty a ikony */
    --bx-text-on-accent: #281E1E; /* text na zlaté ploše */
    --bx-text-disabled: #9A9A9A;
    /* --- Akcent --------------------------------------------------------- */
    --bx-accent: #D49F00; /* zlatookrová */
    --bx-accent-hover: #B8890A;
    --bx-accent-active: #9C7408;
    --bx-accent-soft: rgba(212, 159, 0, 0.15);
    --bx-accent-focus: rgba(212, 159, 0, 0.35);
    /* --- Rámečky -------------------------------------------------------- */
    --bx-border: rgba(178, 178, 178, 0.40);
    --bx-border-strong: rgba(178, 178, 178, 0.70);
    /* --- Sidebar (tmavý v OBOU režimech dle designu) --------------------- */
    /* Dle navrhu neni cerna, ale teple tmave hneda. */
    --bx-sidebar-bg: #2B211A;
    --bx-sidebar-fg: #EDE7DE;
    --bx-sidebar-fg-muted: #B8AA99;
    --bx-sidebar-hover-bg: rgba(246, 244, 239, 0.07);
    --bx-sidebar-active-bg: rgba(212, 159, 0, 0.18);
    --bx-sidebar-active-fg: #FFFFFF; /* text vybrane polozky menu */
    --bx-sidebar-border: rgba(120, 98, 78, 0.45);
    /* --- Horni bar (dle navrhu SVETLY, tmavy je pouze sidebar) ---------- */
    --bx-header-bg: #FFFFFF;
    --bx-header-fg: var(--bx-text);
    --bx-header-fg-muted: var(--bx-text-muted);
    --bx-header-border: var(--bx-border);
    /* --- Stavové barvy -------------------------------------------------- */
    --bx-success: #4F7A46;
    --bx-warning: #C9821B;
    --bx-danger: #A94436;
    --bx-info: #4A6D80;
    /* --- Tvarosloví ----------------------------------------------------- */
    --bx-radius-sm: 0.5rem;
    --bx-radius: 0.75rem; /* rounded-xl */
    --bx-radius-lg: 1rem;
    --bx-shadow-sm: 0 1px 2px rgba(40, 30, 30, 0.06), 0 1px 3px rgba(40, 30, 30, 0.04);
    --bx-shadow: 0 4px 12px rgba(40, 30, 30, 0.08);
    /* --- Typografie ----------------------------------------------------- */
    --bx-font-heading: 'Quicksand', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --bx-font-body: 'Inter', 'Roboto', Arial, system-ui, sans-serif;
}

[data-bx-theme="dark"] {
    /* --- Plochy --------------------------------------------------------- */
    --bx-bg-app: #1A1414; /* velmi tmavý antracit, ne černá */
    --bx-bg-surface: #281E1E; /* hluboký antracit */
    --bx-bg-surface-alt: #322626;
    --bx-bg-hover: rgba(212, 159, 0, 0.12);
    --bx-bg-selected: rgba(212, 159, 0, 0.22);
    /* --- Text ----------------------------------------------------------- */
    --bx-text: #F6F4EF; /* teplá lomená bílá */
    --bx-text-muted: #B2B2B2; /* světle šedá */
    --bx-text-on-accent: #1A1414;
    --bx-text-disabled: #6E6666;
    /* --- Akcent (zůstává stejný) ---------------------------------------- */
    --bx-accent: #D49F00;
    --bx-accent-hover: #E5AF14;
    --bx-accent-active: #B8890A;
    --bx-accent-soft: rgba(212, 159, 0, 0.20);
    --bx-accent-focus: rgba(212, 159, 0, 0.40);
    /* --- Rámečky -------------------------------------------------------- */
    --bx-border: rgba(80, 80, 80, 0.55);
    --bx-border-strong: rgba(80, 80, 80, 0.85);
    /* --- Stavové barvy -------------------------------------------------- */
    --bx-success: #7FAE74;
    --bx-warning: #E0A445;
    --bx-danger: #D07A6C;
    --bx-info: #7BA2B6;
    /* --- Stíny ---------------------------------------------------------- */
    --bx-shadow-sm: none;
    --bx-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
    /* --- Horni bar ------------------------------------------------------ */
    --bx-header-bg: var(--bx-bg-surface);
    --bx-header-fg: var(--bx-text);
    --bx-header-fg-muted: var(--bx-text-muted);
    --bx-header-border: var(--bx-border);
    /* --- Sidebar -------------------------------------------------------- */
    --bx-sidebar-active-fg: #FFFFFF;
}

/* =========================================================================
   Základní typografie
   ========================================================================= */

body {
    font-family: var(--bx-font-body);
    background-color: var(--bx-bg-app);
    color: var(--bx-text);
}

h1, h2, h3, h4, h5, h6,
.bx-heading {
    font-family: var(--bx-font-heading);
    font-weight: 600;
    color: var(--bx-text);
}

.bx-text-muted {
    color: var(--bx-text-muted) !important;
}

/* =========================================================================
   Utility – karty ve stylu Kawková
   ========================================================================= */

.bx-card {
    background-color: var(--bx-bg-surface);
    border: 1px solid var(--bx-border);
    border-radius: var(--bx-radius);
    box-shadow: var(--bx-shadow-sm);
    color: var(--bx-text);
}

.bx-surface {
    background-color: var(--bx-bg-surface);
}

.bx-accent {
    color: var(--bx-accent) !important;
}

.bx-accent-bg {
    background-color: var(--bx-accent);
    color: var(--bx-text-on-accent);
}