/* Designové tokeny (docs/UX-DESIGN.md §1.2). Jedno tmavé „herní“ téma s krémovými kartami, bez přepínače. */
:root {
    /* barvy */
    --c-bg: #231651;
    --c-bg-2: #33207a;
    --c-shadow: #150c33;
    --c-surface: #fff8ec;
    --c-surface-2: #f1e6cf;
    --c-ink: #1e1239;
    --c-ink-soft: #5b4c80;
    --c-on-bg: #ffffff;
    --c-on-bg-soft: #d6ccff;
    --c-yellow: #ffc933;
    --c-pink: #ff4d8d;
    --c-mint: #2ee6a8;
    --c-sky: #4cc3ff;
    --c-orange: #ff8a3d;
    --c-alert: #ff5a5f;
    --c-danger: #b3123f;
    --c-ok-text: #0b7a55;
    --c-violet: #9b7bff;
    --c-focus: #ffffff;

    /* avatary (viz avatars.css) */
    --av-0: #e69f00;
    --av-1: #56b4e9;
    --av-2: #009e73;
    --av-3: #f0e442;
    --av-4: #0072b2;
    --av-5: #d55e00;
    --av-6: #cc79a7;
    --av-7: #e5e0f5;

    /* typografie: zatím system-ui (D22), Fredoka až po ověření licence a diakritiky */
    --font-display: ui-rounded, "SF Pro Rounded", "Nunito", "Segoe UI Variable Display", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --fs-xs: .8125rem;
    --fs-sm: .9375rem;
    --fs-md: 1.0625rem;
    --fs-lg: 1.25rem;
    --fs-xl: clamp(1.375rem, 5.5vw + .5rem, 1.75rem);
    --fs-2xl: 2rem;
    --fs-3xl: 2.75rem;
    --fs-hero: clamp(2.75rem, 14vw, 4.5rem);
    --lh-tight: 1.1;
    --lh-body: 1.4;

    /* mezery (4 px) */
    --sp-1: 4px;
    --sp-2: 8px;
    --sp-3: 12px;
    --sp-4: 16px;
    --sp-5: 24px;
    --sp-6: 32px;
    --sp-7: 48px;

    /* tvary */
    --r-sm: 10px;
    --r-md: 16px;
    --r-lg: 24px;
    --r-pill: 999px;
    --stroke: 3px solid var(--c-ink);
    --shadow-hard: 0 4px 0 var(--c-shadow);
    --shadow-card: 0 6px 0 var(--c-shadow);
    --tap: 48px;
    --btn-h: 56px;

    /* pohyb */
    --motion: 1;
    --fx-display: block;
    --ease-out: cubic-bezier(.2, .8, .2, 1);
    --ease-pop: cubic-bezier(.34, 1.56, .64, 1);

    /* vrstvy */
    --z-sheet: 50;
    --z-toast: 60;
    --z-overlay: 80;

    /* bezpečné oblasti (notch, home indicator) */
    --safe-top: env(safe-area-inset-top, 0px);
    --safe-bottom: env(safe-area-inset-bottom, 0px);
    --safe-left: env(safe-area-inset-left, 0px);
    --safe-right: env(safe-area-inset-right, 0px);
}

/* Omezený pohyb: systémové nastavení, pokud ho hráč v ⚙ nepřebil („Animace“ zapnuto = data-motion="full"). */
@media (prefers-reduced-motion: reduce) {
    :root:not([data-motion="full"]) {
        --motion: 0;
        --fx-display: none;
    }
}

:root[data-motion="reduced"] {
    --motion: 0;
    --fx-display: none;
}