/* ═══ Košicke Masky – dizajnové tokeny (z dizajn handoffu) ═══ */
:root {
    /* Plochy */
    --bg:            #0B0F14;
    --bg-sidebar:    #0E141A;
    --surface:       #12181F;
    --surface-2:     #161E27;
    --surface-3:     #1E2731;
    --input-bg:      #0F151C;

    /* Okraje */
    --border:        rgba(255,255,255,.07);
    --border-soft:   rgba(255,255,255,.05);
    --border-strong: rgba(255,255,255,.11);

    /* Text */
    --text:          #E9EEF5;
    --text-strong:   #F5F8FC;
    --text-2:        #A9B6C5;
    --text-muted:    #8593A4;
    --text-dim:      #7E8B9C;

    /* Značka a stavy */
    --accent:        #F5822B;
    --accent-hover:  #FF9542;
    --accent-ink:    #140A02;
    --accent-grad:   linear-gradient(90deg,#F5822B,#FFB25C);
    --success:       #2FBF71;
    --warning:       #F0A742;
    --danger:        #EF4444;
    --info:          #3B9BF0;

    /* Tónované podklady */
    --tint-success:  rgba(47,191,113,.14);
    --tint-warning:  rgba(240,167,66,.15);
    --tint-danger:   rgba(239,68,68,.15);
    --tint-info:     rgba(59,155,240,.15);
    --tint-accent:   rgba(245,130,43,.14);

    /* Rádiusy */
    --r-sm: 8px;
    --r-md: 10px;
    --r-lg: 14px;
    --r-xl: 16px;
    --r-pill: 20px;

    /* Tiene */
    --shadow-card: 0 18px 40px rgba(0,0,0,.32);
    --shadow-cta:  0 6px 18px rgba(245,130,43,.22);
    --shadow-modal:0 30px 70px rgba(0,0,0,.55);

    /* Typografia */
    --font-head: 'Barlow Condensed', 'Arial Narrow', system-ui, sans-serif;
    --font-body: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;

    /* Rozmery shellu */
    --sidebar-w: 222px;
    --header-h:  60px;
}