/* Custom Hub — clean marketplace: slate + blue, card grid, neutral */
:root {
  --ink:        #0F172A;
  --ink-soft:   #55627A;
  --bg:         #FFFFFF;
  --bg-alt:     #F5F8FC;
  --surface:    #FFFFFF;
  --line:       #E2E8F0;

  --brand:      #2563EB;
  --brand-2:    #0EA5E9;
  --brand-ink:  #FFFFFF;
  --accent:     #F59E0B;

  --font-display: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
  --font-body:    "Inter", system-ui, -apple-system, sans-serif;

  --r-sm: 10px; --r-md: 14px; --r-lg: 18px; --r-pill: 10px;
  --display-weight: 700;
  --display-tracking: -0.03em;
  --display-case: none;

  --texture: none;
  --shadow: 0 1px 2px rgba(15,23,42,.05), 0 10px 26px -12px rgba(15,23,42,.16);
  --shadow-lift: 0 2px 4px rgba(15,23,42,.06), 0 22px 46px -18px rgba(15,23,42,.22);
  --hero-overlay: none;
  --max: 1160px;
}
.hero { background: linear-gradient(180deg, #F5F8FC, #FFFFFF); }
.products { grid-template-columns: repeat(auto-fit, minmax(216px, 1fr)); }
.hero__badges li { background: var(--bg-alt); }