/* ===================================================================
   Vertex — high-contrast industrial. Charcoal canvas, condensed uppercase
   display, an electric accent and hard-edged geometry. Sector-neutral.
   =================================================================== */

:root {
  --font-display:    'Barlow Condensed', 'Inter', sans-serif;
  --color-bg:        #12141a;
  --color-surface:   #191c24;
  --color-border:    rgba(255, 255, 255, 0.09);
  --color-border-lt: rgba(255, 255, 255, 0.06);
  --color-text:      #eef1f6;
  --color-text-2:    #9aa4b6;
  --color-text-3:    #7e879a;
  --color-primary:   #ff4d2e;
  --color-primary-h: #ff6a4d;
  --color-primary-l: rgba(255, 77, 46, 0.16);
  --color-muted-bg:  #0f1116;

  /* Hard edges for the industrial look */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 6px;
  --radius-xl: 6px;
}

body {
  background:
    radial-gradient(80% 50% at 90% -5%, rgba(52, 229, 255, 0.10), transparent 55%),
    radial-gradient(70% 45% at 0% 0%, rgba(255, 77, 46, 0.12), transparent 50%),
    linear-gradient(180deg, #0a0b0f 0%, #12141a 100%);
  background-attachment: fixed;
}

/* Condensed uppercase headlines */
.sf-hero__title,
.sf-detail__title,
.sf-catalog__title,
.sf-card__name,
.sf-entry__title,
.sf-piece__title,
.sf-group__title,
.sf-stat__value {
  text-transform: uppercase;
  letter-spacing: .01em;
  font-weight: 700;
}
.sf-hero--stats .sf-hero__title { font-size: clamp(2.8rem, 7vw, 5.2rem); line-height: .9; }

/* Signature: diagonal accent bar on the hero + electric stat borders */
.sf-hero--stats { position: relative; overflow: hidden; }
.sf-hero--stats::before {
  content: "";
  position: absolute; top: 0; bottom: 0; left: 0; width: 6px;
  background: linear-gradient(180deg, var(--color-primary), #34e5ff);
}
.sf-stat { border-left: 3px solid #34e5ff; }
.sf-card__price,
.sf-entry__price,
.sf-detail__price { color: #34e5ff; }
.sf-card__footer,
.sf-detail__status,
.sf-entry__cta { text-transform: uppercase; letter-spacing: .06em; }