/*
 * Tokeny vzhledu EvilCase — jediný zdroj barev, písem a rozměrů (SDD-020).
 * Komponenta nikdy nepíše hodnotu přímo, vždy sahá na proměnnou odsud.
 * Předlohy obrazovek: docs/design/.
 */

.ec {
    /* Plochy a text */
    --ec-bg: #F2F3F6;
    --ec-surface: #FFFFFF;
    --ec-surface-sunken: #F6F7FA;
    --ec-surface-track: #E9ECF1;
    --ec-surface-header: #F8F9FB;
    --ec-text: #14161B;
    --ec-text-strong: #000000;
    --ec-text-muted: #5B6270;
    --ec-text-soft: #454B57;
    --ec-border: #E1E4EA;
    --ec-border-strong: #D5D9E1;
    --ec-border-subtle: #EDEFF3;
    --ec-border-dashed: #C9CFDA;

    /* Akcent */
    --ec-accent: #3B5BDB;
    --ec-accent-hover: #3050C8;
    --ec-accent-text: #2F4FD1;
    --ec-accent-soft: #EEF2FE;
    --ec-on-accent: #FFFFFF;

    /* Stav spisu */
    --ec-active-bg: #E3F4E8;
    --ec-active-text: #1D6B36;
    --ec-active-dot: #3B9C5A;
    --ec-waiting-bg: #FDEFD8;
    --ec-waiting-text: #8A5307;
    --ec-waiting-dot: #E8A33D;
    --ec-closed-bg: #EDEFF3;
    --ec-closed-text: #454B57;
    --ec-closed-dot: #8A909C;

    /* Směr úkonu */
    --ec-incoming-bg: #E6EEFD;
    --ec-incoming-text: #2A48B8;
    --ec-outgoing-bg: #E3F4E8;
    --ec-outgoing-text: #1D6B36;

    /* Druh kontaktu */
    --ec-authority-bg: #E6EEFD;
    --ec-authority-text: #2A48B8;
    --ec-official-bg: #EFE7FB;
    --ec-official-text: #5B2FA8;
    --ec-person-bg: #E3F4E8;
    --ec-person-text: #1D6B36;

    /* Upozornění a chyba */
    --ec-warning-bg: #FFF9EC;
    --ec-warning-border: #F3DDAE;
    --ec-warning-text: #6E4405;
    --ec-danger-bg: #FDECEA;
    --ec-danger-border: #F1CFCA;
    --ec-danger-text: #9B2C1F;

    /* Barvy štítků — číselník LabelColor (SDD-019) */
    --ec-label-blue: #3B5BDB;
    --ec-label-azure: #2C8FD4;
    --ec-label-indigo: #4F46C8;
    --ec-label-purple: #7C3AED;
    --ec-label-pink: #D6336C;
    --ec-label-red: #E15241;
    --ec-label-orange: #E8A33D;
    --ec-label-yellow: #D9B321;
    --ec-label-lime: #7BA828;
    --ec-label-green: #3B9C5A;
    --ec-label-teal: #159E92;
    --ec-label-cyan: #1B9BB8;
    --ec-label-gray: #6B7280;

    /* Typ souboru — EcFileChip */
    --ec-file-pdf-bg: #FDE4E1;
    --ec-file-pdf-text: #9B2C1F;
    --ec-file-document-bg: #E6EEFD;
    --ec-file-document-text: #2A48B8;
    --ec-file-sheet-bg: #E3F4E8;
    --ec-file-sheet-text: #1D6B36;
    --ec-file-image-bg: #F3E8FD;
    --ec-file-image-text: #6B21A8;
    --ec-file-other-bg: #EDEFF3;
    --ec-file-other-text: #454B57;

    /* Písmo */
    --ec-font: 'Instrument Sans', 'Segoe UI', system-ui, sans-serif;
    --ec-font-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Mono', monospace;
    --ec-text-xs: 12px;
    --ec-text-sm: 13px;
    --ec-text-md: 14px;
    --ec-text-lg: 16px;
    --ec-text-xl: 18px;
    --ec-title-sm: 28px;
    --ec-title: 32px;
    --ec-weight-regular: 400;
    --ec-weight-medium: 500;
    --ec-weight-semibold: 600;
    --ec-weight-bold: 700;
    --ec-leading-tight: 1.2;
    --ec-leading-body: 1.55;

    /* Rozestupy */
    --ec-space-1: 4px;
    --ec-space-2: 6px;
    --ec-space-3: 8px;
    --ec-space-4: 12px;
    --ec-space-5: 16px;
    --ec-space-6: 20px;
    --ec-space-7: 24px;
    --ec-space-8: 32px;

    /* Rádiusy */
    --ec-radius-sm: 6px;
    --ec-radius-md: 9px;
    --ec-radius-lg: 10px;
    --ec-radius-xl: 12px;
    --ec-radius-card: 16px;
    --ec-radius-pill: 999px;

    /* Rozměry ovládacích prvků */
    --ec-control-sm: 32px;
    --ec-control-md: 36px;
    --ec-control-lg: 40px;
    --ec-control-form: 44px;
    --ec-touch-min: 44px;
    --ec-icon-sm: 14px;
    --ec-icon-md: 16px;
    --ec-icon-lg: 18px;

    /* Rozvržení */
    --ec-topbar-height: 60px;
    --ec-content-max: 1680px;
    --ec-content-padding: 32px;
    --ec-sidebar-width: 380px;
    --ec-child-date-width: 76px;
    --ec-settings-rail: 220px;
    --ec-popover-width: 320px;
    --ec-viewport-height: 100vh;
    --ec-boot-track-width: 260px;
    --ec-topbar-gap: 36px;
    --ec-topbar-mark: 32px;
    --ec-topbar-brand-size: 17px;
    --ec-topbar-icon: 19px;
    --ec-nav-pad: 14px;
    --ec-control-bar: 38px;
    --ec-search-width: 300px;
    --ec-drawer-width: 300px;
    --ec-list-search-width: 280px;
    --ec-list-row-height: 52px;
    --ec-list-min-height: 320px;
    --ec-list-col-date: 120px;
    --ec-list-col-moment: 150px;
    --ec-list-col-status: 150px;
    --ec-list-col-labels: 90px;
    --ec-list-col-number: 200px;
    --ec-list-col-kind: 160px;
    --ec-list-col-databox: 160px;

    /* Kontakty (docs/design/kontakty.html, docs/design/detail-kontaktu.html) */
    --ec-monogram-sm: 30px;
    --ec-monogram-lg: 52px;
    --ec-monogram-radius-sm: 8px;
    --ec-monogram-radius-lg: 14px;
    --ec-monogram-text-sm: 11px;
    --ec-monogram-text-lg: 17px;

    /* Přehled (docs/design/prehled.html) */
    --ec-stat-icon: 48px;
    --ec-stat-glyph: 22px;
    --ec-stat-pad-x: 22px;
    --ec-stat-gap: 2px;

    /* Značka a přihlašovací obrazovka (docs/design/prihlaseni.html) */
    --ec-brand-size: 19px;
    --ec-brand-mark: 36px;
    --ec-brand-icon: 21px;
    --ec-login-aside: 560px;
    --ec-login-form-width: 380px;
    --ec-login-claim-width: 520px;
    --ec-login-pad-y: 56px;
    --ec-login-pad-x: 64px;
    --ec-login-claim-size: 44px;
    --ec-login-claim-leading: 1.12;
    --ec-login-lead-size: 17px;
    --ec-login-title-size: 26px;
    --ec-login-panel-bg: var(--ec-text);
    --ec-login-panel-text: var(--ec-surface);
    --ec-login-panel-lead: #B7BCC6;
    --ec-login-panel-faint: #8C929D;
    --ec-boot-fill: var(--blazor-load-percentage, 0%);

    /* Stíny a fokus */
    --ec-shadow-raised: 0 1px 2px rgba(20, 22, 27, 0.08);
    --ec-shadow-overlay: 0 12px 32px rgba(20, 22, 27, 0.16);
    --ec-focus-ring: 0 0 0 3px rgba(59, 91, 219, 0.35);
    --ec-overlay: rgba(20, 22, 27, 0.4);
    --ec-nav-marker: inset 0 -2px 0 var(--ec-accent);
}