/* Crushney – vzhled podle kartiček výběrové kávy: tmavě zelená, mátová,
   nadpisy Donut Quest, všechno ostatní Manrope (popisky velkými písmeny s prostrkáním). */

/* Manrope (OFL, fonts/Manrope-OFL.txt) – variabilní tloušťka 200–800, plná čeština */
@font-face {
    font-family: "Manrope";
    src: url("fonts/Manrope.ttf") format("truetype");
    font-weight: 200 800;
    font-display: swap;
}

/* Donut Quest má jen základní latinku. Česká písmena jsou v doplňkovém souboru
   (fonts/DonutQuest-cz.woff2, dokreslená ve stejném stylu skriptem fonts/build-cz.js); prohlížeč si podle
   unicode-range bere každý znak z toho souboru, kde je. */
@font-face {
    font-family: "Donut Quest";
    src: url("fonts/DonutQuest.ttf") format("truetype");
    unicode-range: U+0020-007E, U+2018-2019, U+201C-201D, U+2026;
    font-display: swap;
}

@font-face {
    font-family: "Donut Quest";
    src: url("fonts/DonutQuest-cz.woff2") format("woff2");
    unicode-range: U+00B7, U+00C1, U+00C9, U+00CD, U+00D3, U+00DA, U+00DD, U+00E1, U+00E9, U+00ED, U+00F3, U+00FA, U+00FD,
        U+010C-010F, U+011A-011B, U+0147-0148, U+0158-0159, U+0160-0161, U+0164-0165, U+016E-016F, U+017D-017E;
    font-display: swap;
}

:root {
    --bg: #123c37;
    --surface: #174640;
    --surface-2: #1f4c46;
    --text: #f1f5f2;
    --text-dim: #a6b5b0;
    --line: #2a5a52;
    --accent: #48e09f;
    --accent-text: #0d302b;
    --accent-soft: #1f5a4c;
    --ok: #48e09f;
    --warn: #f2c14e;
    --danger: #ff8b7b;

    --font-display: "Donut Quest", ui-rounded, system-ui, sans-serif;
    --font-body: "Manrope", system-ui, -apple-system, sans-serif;
    --display-weight: 400;
    --display-transform: uppercase;
    --display-tracking: 0;
    --label-tracking: 0.16em;

    --radius: 16px;
    --radius-sm: 10px;
    --key-bg: #174640;
    --key-text: #48e09f;
    --key-border: #23544c;
    --key-active: #1f5a4c;

    --pin-dot-size: 36px;
    --pin-dot-off: #2f6159;
    --pin-dot-on: #48e09f;
    --pin-dot-mask: url("/skin/bean.svg"); /* absolutně: url() v proměnné se v Safari bere relativně k místu použití */
    --pin-dot-radius: 0;
}

/* popisky: Manrope velkými písmeny, tučněji, ať drží i malé; časy s číslicemi stejné šířky */
.label { font-weight: 700; }
.kiosk #clock,
.a-table,
.a-person__meta,
.a-audit .when { font-variant-numeric: tabular-nums; }

/* háčky a čárky přidávají nad písmena ~0,33 em -> nadpisy potřebují víc místa na řádek */
.display { line-height: 1.32; }

/* tenké linky jako na kartičce */
.kiosk .k-top { padding-bottom: 14px; border-bottom: 1px solid var(--line); }
.kiosk .k-foot { padding-top: 12px; border-top: 1px solid var(--line); }
.kiosk .k-pin__info > .label,
.kiosk .k-confirm > .label { color: var(--text); }
.kiosk .k-title,
.kiosk .k-name { color: var(--accent); }
.kiosk .k-sub { color: var(--text); }

/* administrace: hodiny v kartách mátově */
.a-person__hours,
.a-month__label,
.a-login__title { color: var(--accent); }
.a-badge--missing { color: #2b0d09; }

/* telefon na výšku: Donut Quest je vyšší než systémové písmo, nadpis musí být menší */
@media (max-height: 760px) and (orientation: portrait) {
    .kiosk .k-title { font-size: 30px; margin: 4px 0 6px; }
    .kiosk .k-sub { font-size: 15px; }
}