/* OWL Wood Works — base.css
   Minimal reset + design tokens (per-site copy, not shared across mini-sites). */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
  display: block;
}

/* Hardening: several components set `display: flex/grid` on elements that
   also carry the `[hidden]` attribute for PL/EN toggling (js/main.js). Author
   `display` rules otherwise win over the UA `[hidden] { display: none }`
   rule at equal specificity, so both languages would render at once. */
[hidden] {
  display: none !important;
}

button {
  font: inherit;
  cursor: pointer;
  border: none;
  background: none;
}

input {
  font: inherit;
}

a {
  text-decoration: none;
}

:root {
  /* Colors */
  --color-bg: #F1E7D6;
  --color-ink: #2A1E14;
  --color-ink-soft: #4A3A28;
  --color-card-text: #5C4A38;
  --color-walnut: #6B4A2E;
  --color-rust: #B5561E;
  --color-rust-hover: #96461A;
  --color-sage: #7B8560; /* defined for brand consistency, unused on this page */
  --color-line: #E1D3B8;
  --color-line-strong: #C9B695;
  --color-input-bg: #FBF6EC;
  --color-card-bg: #FBF6EC;
  --color-image-fill: #E9DCC3;
  --color-footer-text: #8A7355;
  --color-placeholder: #9C8A70;

  /* Typography */
  --font-heading: 'Zilla Slab', serif;
  --font-body: 'Karla', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;

  /* Radius */
  --radius-badge: 0.75rem;
  --radius-control: 0.55rem;
  --radius-pill: 999px;

  /* Spacing (rem scale) */
  --space-1: 0.4rem;
  --space-2: 0.7rem;
  --space-3: 1rem;
  --space-4: 1.4rem;
  --space-5: 2rem;
  --space-6: 2.6rem;
}

body {
  background: var(--color-bg);
  color: var(--color-ink);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
}

a {
  color: var(--color-walnut);
}

a:hover {
  color: var(--color-rust);
}

::placeholder {
  color: var(--color-placeholder);
}