/* Designové tokeny EpicDecks (docs/design/TOKENY.md) – sdílené se Singles. Jen proměnné. */
:root {
    /* Barvy */
    --ed-brand: #3BC1F4;
    --ed-brand-hover: #2aa5d1;
    --ed-brand-ink: #0a6a90;
    --ed-brand-soft: #e8f8fe;
    --ed-brand-line: #bfe9fb;
    --ed-text: #111827;
    --ed-text-2: #374151;
    --ed-muted: #6b7280;
    --ed-faint: #9ca3af;
    --ed-line: #e5e7eb;
    --ed-line-soft: #f0f2f5;
    --ed-bg: #f5f5f5;
    --ed-surface: #ffffff;
    --ed-surface-2: #f9fafb;
    --ed-success: #059669;
    --ed-success-soft: #ecfdf5;
    --ed-success-line: #a7f3d0;
    --ed-danger: #dc2626;
    --ed-danger-soft: #fef2f2;
    --ed-danger-line: #fecaca;
    --ed-warning: #d97706;
    --ed-warning-soft: #fffbeb;
    --ed-notice: #f97316;
    --ed-dark: #111827;
    --ed-disabled: #d1d5db;
    --ed-disabled-text: #6b7280;
    --ed-zasilkovna: #BA1B02;
    --ed-ppl: #005ca9;
    --ed-gopay: #2b3990;

    /* Písmo */
    --ed-font: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif;
    --ed-fs-xs: 11px;
    --ed-fs-sm: 12.5px;
    --ed-fs-base: 14px;
    --ed-fs-md: 15px;
    --ed-fs-lg: 18px;
    --ed-fs-xl: 26px;
    --ed-fs-2xl: 32px;

    /* Rozměry */
    --ed-site-width: var(--epicdecks-site-width, 1400px);
    --ed-gutter: 20px;
    --ed-sidebar: 248px;
    --ed-space-1: 4px;
    --ed-space-2: 8px;
    --ed-space-3: 12px;
    --ed-space-4: 16px;
    --ed-space-5: 20px;
    --ed-space-6: 24px;
    --ed-space-7: 32px;
    --ed-space-8: 40px;

    /* Zaoblení a stíny */
    --ed-radius-xs: 6px;
    --ed-radius-sm: 8px;
    --ed-radius: 12px;
    --ed-radius-lg: 16px;
    --ed-radius-xl: 20px;
    --ed-pill: 50px;
    --ed-shadow-card: 0 1px 3px rgba(0, 0, 0, .06);
    --ed-shadow-hover: 0 10px 22px rgba(0, 0, 0, .10);
    --ed-shadow-btn: 0 6px 16px rgba(59, 193, 244, .35);
    --ed-shadow-panel: 0 4px 16px rgba(0, 0, 0, .08);
    --ed-shadow-modal: 0 30px 80px rgba(0, 0, 0, .30);

    /* Vrstvy */
    --ed-z-header: 1000;
    --ed-z-drawer: 9000;
    --ed-z-modal: 10000;

    /* Hlavička: skutečnou výšku viditelné části nastaví header.js (lepicí prvky pod ní). */
    --ed-masthead-h: 121px;
    --ed-sticky-gap: 16px;

    /* Pohyb */
    --ed-ease: .18s ease;
}

@media (max-width: 480px) {
    :root { --ed-gutter: 16px; }
}

@media (max-width: 768px) {
    :root { --ed-masthead-h: 101px; }
}