/* OWL Rental — base.css Minimal reset + design tokens (per-site copy, not shared across mini-sites). */ :root { /* colors */ --color-bg: #F5E9F0; --color-ink: #2A121F; --color-berry: #C42A6B; --color-berry-hover: #a52258; --color-tint: #F3D9E5; --color-muted: #8A7580; --color-line: #E6D3DD; --color-white: #FFFFFF; --color-danger: #B3261E; /* typography */ --font-display: 'Archivo', sans-serif; --font-body: 'Barlow', sans-serif; --font-mono: 'IBM Plex Mono', monospace; /* spacing scale */ --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem; --space-5: 1.5rem; --space-6: 2rem; --space-7: 3rem; /* radius */ --radius-sm: 0.4rem; --radius-md: 0.5rem; --radius-lg: 0.75rem; } *, *::before, *::after { box-sizing: border-box; } html, body { margin: 0; padding: 0; } body { background: var(--color-bg); color: var(--color-ink); font-family: var(--font-body); line-height: 1.5; -webkit-font-smoothing: antialiased; } img { max-width: 100%; display: block; } a { color: var(--color-berry); text-decoration: none; } a:hover { color: var(--color-berry-hover); } button, input, select, textarea { font: inherit; color: inherit; } button { cursor: pointer; } h1, h2, h3, h4 { font-family: var(--font-display); font-weight: 800; line-height: 1.1; margin: 0 0 var(--space-4); } p { margin: 0 0 var(--space-4); } ul { margin: 0; padding: 0; list-style: none; } .container { max-width: 62rem; margin: 0 auto; padding: 0 1.4rem; } /* Bilingual toggle: PL shown by default (works with JS disabled); adding .lang-en to (via js/main.js) reveals EN and hides PL. */ [data-lang="en"] { display: none !important; } html.lang-en [data-lang="pl"] { display: none !important; } html.lang-en [data-lang="en"] { display: inline !important; }