/* ===================================================================
   Forge — a confident marketplace/inventory look. Cool graphite on a
   crisp off-white, an electric-blue accent, a condensed Rajdhani display
   over Inter. Built for the spec layout + strong filters. Sector-neutral.
   =================================================================== */

:root {
  --font-display: 'Rajdhani', 'Inter', sans-serif;
  --color-bg:      #eef1f5;
  --color-surface: #ffffff;
  --color-text:    #131a24;
  --color-text-2:  #4a5563;
  --color-text-3:  #616d7e; /* >=4.5:1 on --color-bg (WCAG AA) */
  --color-border:  #d4dae2;
  --color-border-lt: #e4e9ef;
  --color-primary:   #1f6feb;
  --color-primary-h: #1857c0;
  --color-primary-l: #e3edfd;
  --color-muted-bg:  #e6ebf1;
}

body {
  font-family: 'Inter', sans-serif;
  background:
    linear-gradient(180deg, #f4f6f9 0%, var(--color-bg) 100%);
  background-attachment: fixed;
}

/* Technical, uppercase display treatment */
.sf-hero__title,
.sf-spec__name,
.sf-catalog__title,
.sf-detail__title { text-transform: uppercase; letter-spacing: .02em; font-weight: 700; }
.sf-spec__price { color: var(--color-primary); }

/* Strong, prominent filter bar */
.filter-chip__input:checked + .filter-chip__text { background: var(--color-primary); color: #fff; border-color: var(--color-primary); }
.sf-hero--stats { border-top: 3px solid var(--color-primary); }
.btn--primary { border-radius: var(--radius-sm); }