/* Globální paleta, typografie a rozměry. */
:root {
    --background: #f3f3f1;
    --surface: #fffcf6;
    --text: #262820;
    --muted: #5f6255;
    --divider-text: #737373;
    --line: #d9d2c3;
    --header: #202020;
    --footer: #141414;
    --inverse: #f5f2e9;
    --inverse-muted: #d2cec4;
    --accent: #a34f25;
    --accent-light: #efad78;
    --accent-surface: #f8e6d7;
    --framed-link-shadow: inset 0 1px 0 #fff9, 0 2px 0 #26282024, 0 4px 8px #2628201c;
    --framed-link-pressed-shadow: inset 0 1px 3px #26282024;
    --shadow: 0 .65rem 1.5rem #26282018;
    --backdrop: #14161188;
    --sans: system-ui, -apple-system, "Segoe UI", sans-serif;
    --display: var(--sans);
    --step-1: .5rem;
    --step-2: 1rem;
    --step-3: 1.5rem;
    --step-4: 2rem;
    --step-5: clamp(2.5rem, 5vw, 5rem);
    --gutter: clamp(1rem, 4vw, 4rem);
    --shell: 88rem;
    --reading: 65ch;
    --radius: .6rem;
    --duration: 220ms;
    --target: 2.75rem;
    --logo-desktop: 9.35rem;
    --logo-mobile: 5rem;
    --logo-color: var(--inverse);
    --language-gap: .36rem;
    --menu-gap: clamp(.55rem, 1vw, 1rem);
    --menu-separator: none;
}
