/* Design tokeny redesignu Paroplavba / Prague Steamboats (2026-10).
   Struktura podle nového Prague Boats, vizuální identita „heritage“ (rozhodnutí D2):
   tmavě modrá, mosaz, papírový podklad; červená jen pro nákup.
   Prefix --pp- záměrně odděluje tokeny od starého site.css (--primary, --gold…)
   a od zmrazeného Nuxt/Tailwind buildu nákupu, aby se nic nepřebarvilo mimochodem.
   Nové komponenty používají výhradně tyto proměnné. */
/* Nadpisové písmo: Cormorant Garamond (SIL OFL 1.1, public/assets/fonts/pp/OFL-cormorant-garamond.txt),
   self-hosted, variabilní 500–600, latin + latin-ext (čeština). Rozhodnutí D18. */
@font-face { font-family: "PP Serif"; font-style: normal; font-weight: 500 600; font-display: swap; src: url("/assets/fonts/pp/cormorant-garamond-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "PP Serif"; font-style: normal; font-weight: 500 600; font-display: swap; src: url("/assets/fonts/pp/cormorant-garamond-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "PP Serif"; font-style: italic; font-weight: 500; font-display: swap; src: url("/assets/fonts/pp/cormorant-garamond-italic-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "PP Serif"; font-style: italic; font-weight: 500; font-display: swap; src: url("/assets/fonts/pp/cormorant-garamond-italic-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* Metrická záloha (Georgia upravená na šířku/výšku Cormorantu), aby výměna písma neposunula layout. */
@font-face { font-family: "PP Serif Fallback"; src: local("Georgia"), local("Times New Roman"); size-adjust: 88%; ascent-override: 102%; descent-override: 32%; line-gap-override: 0%; }

:root {
    /* Barvy */
    --pp-navy: #002856;          /* hlavní barva značky (= primary Nuxt buildu) */
    --pp-navy-2: #0b3a73;
    --pp-navy-deep: #031d3c;     /* = --history-blue-deep */
    --pp-ink: #17212e;           /* = --history-ink */
    --pp-muted: #56657a;
    --pp-line: #e2ddd2;          /* teplá linka na papíře */
    --pp-line-cool: #dfe6ed;
    --pp-brass: #b08a4f;         /* mosaz pro text a ikony (kontrast na bílé ≥ 3:1) */
    --pp-brass-2: #cfa76b;       /* = --history-gold, dekor a linky */
    --pp-brass-soft: #f3ead9;
    --pp-paper: #f6f1e8;         /* = --history-paper */
    --pp-paper-light: #fcfaf6;
    --pp-white: #fff;
    --pp-red: #cf1234;           /* nákup (Koupit) */
    --pp-red-dark: #a80e2a;
    --pp-on-navy: #f6f1e8;
    --pp-on-navy-muted: #c9d3df;
    --pp-focus: #cfa76b;

    /* Typografie (Poppins je self-hosted v obou světech: /_fonts i /assets/fonts) */
    --pp-serif: "PP Serif", "PP Serif Fallback", Georgia, "Times New Roman", serif;
    --pp-sans: "Poppins", "Poppins Fallback: Arial", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
    --pp-text: 400 15px/1.65 var(--pp-sans);
    --pp-fs-xs: 12px;
    --pp-fs-sm: 13.5px;
    --pp-fs-base: 15px;
    --pp-fs-lg: 17px;
    --pp-fs-h3: 20px;
    --pp-fs-h2: clamp(26px, 3vw, 38px);
    --pp-fs-h1: clamp(32px, 4.4vw, 56px);
    --pp-fs-display: clamp(44px, 6.4vw, 96px);
    --pp-fs-display-2: clamp(36px, 4.6vw, 68px);
    --pp-tracking-caps: .12em;

    /* Rozměry */
    --pp-shell: 1440px;
    --pp-gutter: 36px;
    --pp-gutter-sm: 18px;
    --pp-r: 10px;
    --pp-r-lg: 18px;
    --pp-r-btn: 6px;
    --pp-shadow: 0 1px 2px rgba(0, 40, 86, .06), 0 8px 28px rgba(0, 40, 86, .08);
    --pp-shadow-pop: 0 16px 36px rgba(0, 40, 86, .16);
    --pp-ease: cubic-bezier(.22, .61, .36, 1);
}
/* Breakpointy (v komponentách jako container/media queries): 640, 1024, 1280, 1536 px. */