/* Design tokens of hardwareretter (locked 2026-11-02 as master-v1, see LOCK.md).
   The single source for colour, spacing, radius and layout values: the master and the app load this file as is. */
:root{
  --ink:#333;--ink-2:#666;--ink-3:#b3b3b3;
  --surface:#f7f7f7;--line:#f1f1f1;--white:#fff;
  /* Brand palette "Kobalt + Signalorange" (chosen 2026-11-02, see research/color-palette.md).
     Cobalt carries the brand and every action; orange is only for deals and badges. */
  --accent:#1957d2;--accent-deep:#0038a3;--accent-bright:#4785ff;--accent-50:#f2f7ff;--accent-100:#dce9ff;
  --on-accent:#fff;--accent-text:var(--accent);--dark-tint:#131b29;--banner-glow:#0038a3;
  --accent-grad:linear-gradient(270deg,var(--accent) 0%,var(--accent-deep) 100%);
  --deal:#f87103;--on-deal:#1a1a1a;--price-sale:var(--accent-text);
  --cat-1:#ffc6a9;--cat-2:#bed5ff;--cat-3:#ffd988;--cat-4:#7de8ee;--cat-5:#e6c5ff;
  --gutter:72px;--maxw:1296px;--section-gap:64px;
  --r-xl:24px;--r-l:16px;--r-m:8px;--pill:9999px;
}
@media (max-width:1279px){:root{--gutter:40px}}
@media (max-width:767px){:root{--gutter:16px;--section-gap:56px}}