/* ===================================================================
   Express — light, conversion-focused. Deep blue with a high-energy
   yellow accent, punchy CTAs. Sector-neutral.
   =================================================================== */

:root {
  --font-display: 'Oswald', 'DM Sans', sans-serif;
  --color-bg:      #f4f7fb;
  --color-text:    #0a1525;
  --color-text-2:  #4d5d74;
  --color-border:  #d8e1ed;
  --color-primary:   #0d2f64;
  --color-primary-h: #174586;
  --color-primary-l: #edf4ff;
}

body {
  font-family: 'DM Sans', 'Inter', sans-serif;
  background:
    linear-gradient(135deg, rgba(255, 209, 26, 0.16), transparent 40%),
    linear-gradient(180deg, #f4f7fb 0%, #eef3f9 100%);
}

.sf-hero__title,
.sf-detail__title,
.sf-catalog__title,
.sf-card__name,
.sf-stat__value { text-transform: uppercase; letter-spacing: .01em; }

/* Yellow energy accent on the primary CTA + live status */
.btn--primary {
  background: #ffd11a;
  color: #0a1525;
  box-shadow: 0 12px 26px -8px rgba(255, 209, 26, 0.6);
}
.btn--primary:hover { background: #ffde52; color: #0a1525; }
.sf-card__status--live,
.sf-detail__status--live { background: #fff3c4; color: #7a5c00; }
.sf-stat { border-top: 3px solid #ffd11a; }