/* LeoPronájmy design tokens — single source of truth for color, type and chrome. */
:root {
    color-scheme: light;
    --bg: #f4f6f9;
    --card: #ffffff;
    --text: #1a2332;
    --muted: #5c6b7a;
    --primary: #1f5c99;
    --primary-hover: #184a7c;
    --primary-soft: #e8f1fb;
    --navy: #10233d;
    --danger: #b42318;
    --success: #067647;
    --warning: #b54708;
    --brand-orange: #f97316;
    --border: #d8dee6;
    --shadow: 0 8px 24px rgba(16, 24, 40, 0.08);
    --radius: 12px;
    --font-sans: "Segoe UI", Arial, system-ui, sans-serif;
    --header-bg: #ffffff;
    --nav-hover: #e8f1fb;
    --input-border: #8996a5;
    --focus: #1f5c99;
}

html { color-scheme: light; }

body {
    margin: 0;
    font-family: var(--font-sans);
    background: var(--bg);
    color: var(--text);
}

.skip-link {
    position: absolute;
    left: 1rem;
    top: -40rem;
    z-index: 1000;
    padding: 0.55rem 0.9rem;
    border-radius: 8px;
    color: #fff;
    background: var(--primary);
    font-weight: 700;
    text-decoration: none;
}
.skip-link:focus {
    top: 1rem;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 3px solid var(--focus);
    outline-offset: 2px;
}