:root {
  --background: #f3f7f6;
  --foreground: #08201c;
  --surface: #ffffff;
  --surface-muted: #dceae7;
  --surface-elevated: #ffffff;
  --border: #b7d0cb;
  --primary: #0d9488;
  --primary-hover: #0f766e;
  --primary-foreground: #ffffff;
  --accent: #08201c;
  --accent-hover: #0a3d38;
  --accent-foreground: #99f6e4;
  --muted: #4d6b66;
  --muted-foreground: #3d5652;
  --ring: #0d9488;
  --hero-from: #0d9488;
  --hero-via: #c5ebe6;
  --hero-to: #f3f7f6;
}

/* Keep header mark on-brand even if a cached yellow file loads. */
.header-top-row img,
.orbit-core,
footer img[src*="retailium-logo"] {
  background: #0d9488;
}

.header-cta,
.btn-glow {
  box-shadow: 0 8px 20px -10px rgb(13 148 136 / 0.75);
}

.cta-band {
  background: radial-gradient(circle at 80% 0, rgb(13 148 136 / 0.35), transparent 36%), #08201c;
}