/* Superflies v2 — design tokens (plan.md §5.1). Values are taken from the static design. */
:root{
  --sf-navy:#0f1c2e;        /* header, footer, primary dark buttons, selected chip border */
  --sf-ink:#0f1c2e;         /* headings, body text default */
  --sf-text:#2c3a4b;        /* paragraph text on cards */
  --sf-text-2:#4b5a6b;      /* secondary paragraph text */
  --sf-muted:#6b7a8c;       /* meta text, labels */
  --sf-muted-2:#9aa7b8;     /* placeholders, disabled, footer text */
  --sf-surface:#f5f7fa;     /* page background */
  --sf-surface-2:#eef3f9;   /* selected chip / tile bg */
  --sf-surface-3:#e9edf2;   /* nav hover bg (account side nav) */
  --sf-white:#fff;
  --sf-border:#e3e8ee;      /* card borders */
  --sf-border-2:#cfd6de;    /* chip/input borders */
  --sf-border-3:#eef1f4;    /* inner dividers */
  --sf-border-4:#e6eaef;    /* hero divider, progress track */
  --sf-border-5:#d3dae2;    /* filter group underline */
  --sf-green:#17a874;       /* CTA, in-stock, positive */
  --sf-green-hover:#13915f;
  --sf-green-bg:#e8f7f0;  --sf-green-border:#bfe6d3;
  --sf-link:#1c7ed6;
  --sf-nav-hover:#2f9be8;   /* nav underline */
  --sf-nav-text:#d5dce6;  --sf-nav-text-2:#c5cfdb;  --sf-footer-head:#7fc4ff;
  --sf-orange:#ff7a1a;      /* cart badge, article tag, note icon */
  --sf-orange-2:#ffb27a;    /* Deals nav item */
  --sf-warning:#c2410c;     /* low stock, sold out, delete */
  --sf-warn-bg:#fff7ec;  --sf-warn-border:#ffd8a8;
  --sf-sale:#e03131;        /* sale badge */
  --sf-star:#f5a623;
  --sf-shadow-card:0 10px 28px rgba(15,28,46,.12);
  --sf-shadow-sheet:0 -12px 40px rgba(15,28,46,.25);
  --sf-shadow-modal:0 30px 80px rgba(0,0,0,.35);
  --sf-r-4:4px; --sf-r-6:6px; --sf-r-8:8px; --sf-r-10:10px; --sf-r-12:12px; --sf-r-14:14px; --sf-r-20:20px; --sf-r-pill:99px;
  --sf-container:1280px; --sf-gutter:40px; --sf-gutter-m:16px;
  --sf-font:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --sf-header-h:0px;        /* set by sf-core.js from the rendered header height */
}