/*
 * Dizajnové tokeny — „Med a kameň“ (smer A).
 * Zdroj pravdy pre farby, typografiu, rozstupy a polomery. Popis v /design.
 */
:root {
    /* Kameň (stone) — podklady, text, čiary */
    --hv-stone-50: #fafaf9;
    --hv-stone-100: #f5f5f4;
    --hv-stone-200: #e7e5e4;
    --hv-stone-300: #d6d3d1;
    --hv-stone-400: #a8a29e;
    --hv-stone-500: #78716c;
    --hv-stone-600: #57534e;
    --hv-stone-700: #44403c;
    --hv-stone-800: #292524;
    --hv-stone-900: #1c1917;
    --hv-stone-950: #0c0a09;

    /* Med (amber) — hlasový záznam, akcent */
    --hv-amber-50: #fffbeb;
    --hv-amber-100: #fef3c7;
    --hv-amber-200: #fde68a;
    --hv-amber-300: #fcd34d;
    --hv-amber-400: #fbbf24;
    --hv-amber-500: #f59e0b;
    --hv-amber-600: #d97706;
    --hv-amber-700: #b45309;
    --hv-amber-800: #92400e;
    --hv-amber-900: #78350f;

    /* Stavy */
    --hv-ok: #047857;
    --hv-ok-bg: #ecfdf5;
    --hv-warn: #fb923c;
    --hv-warn-fg: #c2410c;
    --hv-warn-bg: #fff7ed;
    --hv-bad: #b91c1c;
    --hv-bad-bg: #fef2f2;
    --hv-bad-soft: #fecaca;
    --hv-bad-ink: #7f1d1d;
    --hv-info: #1e40af;
    --hv-info-bg: #dbeafe;
    --hv-rec: #dc2626;

    /* Značenie matiek (posledná číslica roku) */
    --hv-queen-white: #ffffff;
    --hv-queen-yellow: #facc15;
    --hv-queen-red: #dc2626;
    --hv-queen-green: #16a34a;
    --hv-queen-blue: #2563eb;

    /* Sémantické aliasy */
    --hv-ground: var(--hv-stone-50);
    --hv-surface: #ffffff;
    --hv-ink: var(--hv-stone-900);
    --hv-ink-muted: var(--hv-stone-600);
    --hv-ink-subtle: var(--hv-stone-500);
    --hv-line: var(--hv-stone-200);
    --hv-line-soft: var(--hv-stone-100);
    --hv-line-strong: var(--hv-stone-300);
    --hv-fill: var(--hv-stone-100);
    --hv-track: #f0efee;
    --hv-accent: var(--hv-amber-400);
    --hv-accent-ink: var(--hv-amber-800);

    /* Typografia */
    --hv-font: 'Archivo', ui-sans-serif, system-ui, sans-serif;
    --hv-text-xs: 0.75rem;
    --hv-text-sm: 0.875rem;
    --hv-text-base: 0.9375rem;
    --hv-text-lg: 1.0625rem;
    --hv-text-xl: 1.25rem;
    --hv-text-2xl: 1.625rem;
    --hv-text-3xl: 1.875rem;

    /* Polomery */
    --hv-radius-xs: 6px;
    --hv-radius-sm: 8px;
    --hv-radius-md: 10px;
    --hv-radius-lg: 12px;
    --hv-radius-xl: 14px;
    --hv-radius-pill: 999px;

    /* Tiene a obrysy */
    --hv-ring: 0 0 0 1px var(--hv-line);
    --hv-shadow-card: 0 0 0 1px var(--hv-line), 0 1px 2px rgb(0 0 0 / 4%);
    --hv-shadow-honey: 0 1px 2px rgb(28 25 23 / 12%), inset 0 -2px 0 rgb(146 64 14 / 25%);
    --hv-shadow-honey-lg: 0 1px 2px rgb(28 25 23 / 12%), inset 0 -3px 0 rgb(146 64 14 / 25%);
    --hv-shadow-seg: 0 1px 2px rgb(0 0 0 / 15%);

    /* Rozstupy */
    --hv-space-1: 4px;
    --hv-space-2: 8px;
    --hv-space-3: 12px;
    --hv-space-4: 16px;
    --hv-space-5: 20px;
    --hv-space-6: 24px;
    --hv-space-8: 32px;
    --hv-space-10: 40px;

    /* Dotykové plochy */
    --hv-touch: 44px;

    /* Šesťuholník */
    --hv-hex-clip: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);

    /* Rozloženie */
    --hv-sidebar: 240px;
    --hv-tabbar: 82px;
}