:root {
    /* =================================================
       BACKGROUND / SURFACE
       ================================================= */
    --background: #F4F6F9; /* główne tło aplikacji */
    --surface: #FFFFFF; /* karty, panele */
    --surface-muted: #F9FAFB; /* nagłówki tabel, filtry */

    --sidebar-bg: #5e96d6cb; /* sidebar */
    --sidebar-hover: #468ff0;
    --sidebar-active: rgba(255,255,255,.15);
    /* =================================================
       TEXT
       ================================================= */
    --text: #2B2B2B;
    --text-secondary: #6B7280;
    --text-muted: #9CA3AF;
    --text-invert: #FFFFFF;
    /* =================================================
       PRIMARY / ACCENT
       ================================================= */
    --primary: #3FA9F5; /* CTA */
    --primary-hover: #1E88E5;
    --primary-active: #1565C0;
    --secondary: #1F5EA8; /* navigation / sidebar */
    /* =================================================
       BORDERS & STATES
       ================================================= */
    --border: #D1D5DB;
    --border-strong: #9CA3AF;
    --focus-ring: rgba(63,169,245,.25);
    /* =================================================
       STATUS COLORS
       ================================================= */
    --success: #43A047;
    --warning: #FB8C00;
    --danger: #E53935;
    --info: #1976D2;
    /* =================================================
       RADZEN
       ================================================= */
    --rz-primary: var(--primary);
    --rz-primary-lighter: #E6F2FC;
    --rz-text-color: var(--text);
    --rz-border-color: var(--border);
    /* =================================================
       EFFECTS
       ================================================= */
    --radius-sm: 4px;
    --radius: 6px;
    --radius-lg: 10px;
    --transition-fast: 0.15s ease-in-out;
    --transition: 0.25s ease;
    --shadow-sm: 0 1px 2px rgba(0,0,0,.05);
    --shadow-md: 0 4px 12px rgba(0,0,0,.08);
    /* =================================================
       BREADCRUMB
       ================================================= */
    --breadcrumb-font-size: 0.875rem;
    --breadcrumb-separator: "›";
    --breadcrumb-color: #6c757d;
    --breadcrumb-active-color: #212529;
    --breadcrumb-link-color: #0d6efd;
    --breadcrumb-gap: 0.5rem;
}