/* ── Layer 1: primitives ───────────────────────────────────────────────
   Named after the material they come from, as the brand names them.        */
:root{
  --c-antracyt:#1C1D1F;
  --c-mgla:#F2EDE6;
  --c-len:#D9CBB8;
  --c-sosna:#D2A887;
  --c-modrzew:#9A5B2E;
  --c-las:#2F4A2D;
  --c-laka:#C5A443;
  --c-niebo:#A8BED0;

  /* derived steps — only tints/shades of the eight primitives, no new hues */
  --c-antracyt-800:#2A2C2F;
  --c-antracyt-600:#3D4043;
  --c-antracyt-400:#5A5C5F;
  --c-mgla-100:#FAF7F2;
  --c-len-300:#E6DBCC;
  --c-len-600:#C3B29A;
  --c-len-700:#AB9880;
  --c-modrzew-700:#7E4923;
  --c-modrzew-300:#C8906A;
  --c-las-700:#243A23;
  --c-las-300:#5E7D5B;

  /* ── Layer 2: semantic tokens (theme-independent) ─────────────────── */
  --bg-default:var(--c-mgla);
  --bg-raised:var(--c-mgla-100);
  --bg-inverse:var(--c-antracyt);
  --bg-inverse-raised:var(--c-antracyt-800);

  --surface-subtle:var(--c-len);
  --surface-subtle-soft:var(--c-len-300);
  --surface-inverse-subtle:var(--c-antracyt-800);

  --text-primary:var(--c-antracyt);
  --text-secondary:var(--c-antracyt-400);
  --text-inverse:var(--c-mgla);
  --text-inverse-secondary:var(--c-len);
  --text-on-accent:var(--c-mgla);

  --border-default:var(--c-len-600);
  --border-strong:var(--c-len-700);
  --border-subtle:var(--c-len-300);
  --border-inverse:rgba(242,237,230,.22);
  --border-inverse-strong:rgba(242,237,230,.45);

  --focus-ring:var(--c-antracyt);

  /* decorative only — never text on a light ground (2.0:1) */
  --decor-laka:var(--c-laka);
  --decor-niebo:var(--c-niebo);
  --decor-sosna:var(--c-sosna);

  /* ── Layer 3: accent — swapped by [data-property] ─────────────────── */
  --accent:var(--c-modrzew);
  --accent-hover:var(--c-modrzew-700);
  --accent-soft:var(--c-modrzew-300);
  --accent-on-dark:var(--c-sosna);
  --accent-wash:rgba(154,91,46,.10);
}

/* Widokowa Sowa — modrzew (larch cladding, warm) */
[data-property="widokowa"]{
  --accent:var(--c-modrzew);
  --accent-hover:var(--c-modrzew-700);
  --accent-soft:var(--c-modrzew-300);
  --accent-on-dark:var(--c-sosna);
  --accent-wash:rgba(154,91,46,.10);
}

/* Leśna Sowa — las (forest, cool) */
[data-property="lesna"]{
  --accent:var(--c-las);
  --accent-hover:var(--c-las-700);
  --accent-soft:var(--c-las-300);
  --accent-on-dark:#9DB79A;
  --accent-wash:rgba(47,74,45,.10);
}