/* DBS production token bridge — maps legacy CSS variables to design tokens. */

:root {
  /* Surfaces: warm green-black replaces navy */
  --bg: var(--bg-dark);
  --bg-elevated: #141917;
  --bg-subtle: #141917;
  --bg-card: var(--bg-panel);

  /* Borders */
  --border-hover: var(--accent);

  /* Text */
  --text: #e2e7e3;
  --text-muted: var(--text-muted);

  /* Accent: amber replaces green (legacy names kept so existing
     rules like .btn-pill-primary / hovers pick up the new brand) */
  --accent-green: var(--accent);
  --accent-green-hover: var(--accent-hover);
  --accent-blue: var(--c-flood);
  --accent-blue-hover: #3e8fd0;
}

/* Primary CTA text must be dark ink on amber, not navy-on-green */
.btn-pill-primary {
  color: var(--accent-ink);
}

/* Nav bar uses the platform's warm dark tone instead of navy glass */
.nav {
  background: var(--bg-nav);
}
.nav.is-scrolled {
  background: var(--bg-nav);
}

/* Cards pick up the platform panel look. */
body .service-card {
  background: var(--bg-panel);
  border-radius: var(--panel-radius);
  box-shadow: var(--panel-shadow);
  border-color: var(--border-soft);
}