/* 华昇金玛官网统一元素层
   来源: /design-system/hsjm-brand-tokens.json */
:root {
  --hsjm-primary: #247447;
  --hsjm-primary-dark: #102F24;
  --hsjm-primary-light: #4E9A62;
  --hsjm-primary-soft: #EDF4EA;
  --hsjm-gold: #C98724;
  --hsjm-gold-soft: #FFF7E6;
  --hsjm-ink: #132219;
  --hsjm-muted: #617068;
  --hsjm-line: #DBE6DC;
  --hsjm-bg: #F5F6F0;
  --hsjm-card: #FFFFFF;
  --hsjm-danger: #C62828;
  --hsjm-info: #1F6FB2;
  --hsjm-shadow: 0 14px 34px rgba(18, 63, 25, .07);
  --hsjm-radius: 10px;
}

body {
  color: var(--hsjm-ink);
  background: var(--hsjm-bg);
  letter-spacing: 0;
}

.navbar,
.top {
  background: rgba(250, 251, 247, .94);
  border-bottom: 1px solid rgba(16, 47, 36, .1);
}

.nav-brand,
.brand {
  color: var(--hsjm-primary-dark);
  letter-spacing: 0;
}

.navbar .container {
  gap: 18px;
}

.nav-links {
  gap: 16px;
  align-items: center;
  min-width: 0;
}

.nav-brand,
.nav-actions {
  flex: 0 0 auto;
}

.nav-links a,
.nav a {
  color: var(--hsjm-muted);
  white-space: nowrap;
  font-weight: 650;
}

.nav-links a:hover,
.nav-links a.active,
.nav a:hover,
.nav a.active {
  color: var(--hsjm-primary);
}

.btn,
button.btn,
a.btn {
  border-radius: 6px;
  font-weight: 760;
  letter-spacing: 0;
}

.btn-primary,
.btn.primary {
  background: var(--hsjm-primary);
  color: #fff;
  border-color: var(--hsjm-primary);
}

.btn-outline,
a.btn:not(.btn-primary):not(.primary):not(.btn-gold):not(.gold),
button.btn:not(.btn-primary):not(.primary):not(.btn-gold):not(.gold) {
  border-color: var(--hsjm-primary);
  color: var(--hsjm-primary);
}

.btn-primary,
.btn.primary {
  color: #fff !important;
}

.btn-gold,
.btn.gold {
  background: var(--hsjm-gold);
  border-color: var(--hsjm-gold);
  color: #171100;
}

.card,
.tool,
.launch-item,
.step,
.enterprise-card,
.value-crown-card,
.case-tile,
.proof-kpi {
  border-radius: var(--hsjm-radius);
  border-color: var(--hsjm-line);
  box-shadow: var(--hsjm-shadow);
}

.section-kicker,
.eyebrow,
.type,
.platform {
  color: var(--hsjm-primary);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 850;
}

.section-header h2,
.section h2,
.hero h1,
.hero-title-sub {
  letter-spacing: 0;
}
