/* Subject colours stay consistent across routes and translated labels. */
.filters .filter[data-filter="featured"] { --filter-bg:#f1e6cf; --filter-border:#c8ad75; --filter-ink:#67502a; }
.filters .filter[data-filter="all"] { --filter-bg:#e6e7e8; --filter-border:#adb1b5; --filter-ink:#4e5359; }
.filters .filter[data-filter="new"] { --filter-bg:#f5dfe8; --filter-border:#d6a0b5; --filter-ink:#853f5b; }
.filters .filter[data-filter="season:spring"] { --filter-bg:#e6efdb; --filter-border:#afc496; --filter-ink:#41613c; }
.filters .filter[data-filter="season:summer"] { --filter-bg:#f8edc8; --filter-border:#d8bc6c; --filter-ink:#745313; }
.filters .filter[data-filter="season:autumn"] { --filter-bg:#f2dfd2; --filter-border:#cd9a7d; --filter-ink:#8c482e; }
.filters .filter[data-filter="season:winter"] { --filter-bg:#e2ecf7; --filter-border:#abc0d6; --filter-ink:#3b5d7d; }
.filters .filter[data-filter="vatn"] { --filter-bg:#dceff2; --filter-border:#8cbdc7; --filter-ink:#1d6573; }
.filters .filter[data-filter="landslag"] { --filter-bg:#e1ece5; --filter-border:#a3bcad; --filter-ink:#486251; }
.filters .filter[data-filter="ljos"] { --filter-bg:#ebe3f4; --filter-border:#bca6d3; --filter-ink:#6b4f8e; }
.filters .filter[data-filter="borg"] { --filter-bg:#e4e9ef; --filter-border:#a3b3c4; --filter-ink:#455a70; }
.filters .filter[data-filter="smaatridi"] { --filter-bg:#f0e2ed; --filter-border:#c7a4c1; --filter-ink:#7b4e76; }
.filters .filter[data-filter="dyr"] { --filter-bg:#eee5d5; --filter-border:#c3ad88; --filter-ink:#735732; }
.filters .filter[data-filter] {
  background:var(--filter-bg,var(--warm-panel));
  border-color:var(--filter-border,var(--line));
  color:var(--filter-ink,var(--ink));
  transition:background .15s,color .15s,border-color .15s,box-shadow .15s;
}
.filters .filter[data-filter]:hover:not(.active) { background:var(--filter-bg); border-color:var(--filter-ink); box-shadow:inset 0 0 0 1px var(--filter-ink); }
.filters .filter[data-filter].active { background:var(--filter-ink); border-color:var(--filter-ink); color:#fff; font-weight:600; box-shadow:inset 0 -3px 0 #ffffff55; }
.filters .filter[data-filter] [data-count] { opacity:.85; }
.filters .filter[data-filter]:focus-visible { outline:2px solid var(--filter-ink); outline-offset:3px; }