/* The showcase's status hues and device screens were authored for dark mode.
   Use the product's text-safe green/amber in light mode and theme the demo logos. */
html:not([data-theme="dark"]) .uc-page {
  --ca-success: #15803d;
  --ca-attention: #b45309;
  --ca-device: #9ca3af;
  --ca-screen: var(--surface);
  --ca-device-edge: #cbd5e1;
  --ss-positive: #15803d;
  --ss-person-b: #b45309;
  --pv-positive: #15803d;
  --pv-claude: #b45309;
  --co-positive: #15803d;
  --co-architect: #b45309;
  --co-security: #15803d;
  --co-qa: #2563eb;
  --ap-positive: #15803d;
  --ap-claude: #b45309;
  --ap-codex: #15803d;
  --ap-opencode: #2563eb;
}
html:not([data-theme="dark"]) .uc-page img[src$="/c5594c251d171fc0.png"] { content: url('/use-case-assets/site-assets/8c47b7ccb319b2a7.png'); }
html:not([data-theme="dark"]) .ca-phone-island { background: var(--ca-device); }