:root {
  --primary: #10a65d;
  --primary-foreground: #ffffff;
  /* Tint tokens must follow the brand hue (emerald), NOT the demo-sav3 base's
     blue (#eaf2ff/#1d3997) — otherwise secondary surfaces (segmented-control
     tabs, badges) render blue on a green brand. */
  --secondary: #daf5e0;
  --secondary-foreground: #0d6b4f;
  --accent: #eef7f1;
  --accent-foreground: #0d6b4f;
  --ring: #10a65d;
}

.dark {
  /* Neutral ramp matched to the b2core host (my.veritymarkets.com dark bg
     ~#191919) so the embedded widget blends with the host instead of reading
     as a darker block. --card/--popover one step lighter than --background so
     panels read as raised. Light theme host bg is #fff → matches the default,
     so no :root background override is needed. */
  --background: #191919;
  --card: #1f1f1f;
  --popover: #1f1f1f;
  --muted: #242424;
  --border: #2e2e2e;
  --input: #2e2e2e;
  --primary: #10a65d;
  /* Emerald-tinted secondary/accent (was demo-sav3 navy #16214d/#111a40). */
  --secondary: #14352a;
  --secondary-foreground: #e6f7ee;
  --accent: #16382c;
  --accent-foreground: #e6f7ee;
  --ring: #10a65d;
}