/* One product palette for classic pages and the React executive dashboard.
   Loaded last in document heads; does not alter layout or application behavior. */
html:root, html:root[data-bs-theme] {
  color-scheme: light;
  --cp-color-canvas: #eef5ff;
  --cp-color-surface-1: #ffffff;
  --cp-color-surface-2: #f5f9ff;
  --cp-color-surface-raised: #e5efff;
  --cp-color-border: #cdddf2;
  --cp-color-border-strong: #9bbbe5;
  --cp-color-text: #102344;
  --cp-color-text-secondary: #405b7d;
  --cp-color-text-muted: #526985;
  --cp-color-primary: #1763d6;
  --cp-color-positive: #137a4f;
  --cp-color-warning: #936000;
  --cp-color-danger: #bd3038;
  --cp-color-info: #6840bb;
  --cp-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --cp-shadow-raised: 0 10px 28px rgb(16 35 68 / 10%);
  --bg-base: var(--cp-color-canvas);
  --bg-panel: var(--cp-color-surface-1);
  --bg-card: var(--cp-color-surface-2);
  --bg-input: var(--cp-color-surface-2);
  --bg-main: var(--cp-color-canvas);
  --text: var(--cp-color-text);
  --text-primary: var(--cp-color-text);
  --text-muted: var(--cp-color-text-muted);
  --border: var(--cp-color-border);
  --accent: var(--cp-color-primary);
  --accent-green: var(--cp-color-positive);
  --accent-yellow: var(--cp-color-warning);
  --accent-red: var(--cp-color-danger);
  --accent-purple: var(--cp-color-info);
  --font-sans: var(--cp-font-sans);
  --tier-scout: var(--cp-color-positive);
  --tier-analyst: var(--cp-color-primary);
  --tier-advisor: var(--cp-color-warning);
  --tier-strategist: var(--cp-color-danger);
  /* Standalone setup screens. */
  --cp-bg: var(--cp-color-canvas);
  --cp-ink: var(--cp-color-text);
  --cp-muted: var(--cp-color-text-muted);
  --cp-line: var(--cp-color-border);
  --cp-blue: var(--cp-color-primary);
  /* React semantic aliases. */
  --background: var(--cp-color-canvas);
  --foreground: var(--cp-color-text);
  --card: var(--cp-color-surface-1);
  --card-foreground: var(--cp-color-text);
  --popover: var(--cp-color-surface-1);
  --popover-foreground: var(--cp-color-text);
  --primary: var(--cp-color-primary);
  --primary-foreground: #fff;
  --secondary: var(--cp-color-surface-2);
  --secondary-foreground: var(--cp-color-text);
  --muted: var(--cp-color-surface-2);
  --muted-foreground: var(--cp-color-text-muted);
  --accent-foreground: var(--cp-color-text);
  --input: var(--cp-color-border);
  --ring: var(--cp-color-primary);
  --destructive: var(--cp-color-danger);
  --sidebar: #09213d;
  --sidebar-foreground: #e6efff;
  --sidebar-primary: #1763d6;
  --sidebar-primary-foreground: #fff;
  --sidebar-accent: #163b62;
  --sidebar-accent-foreground: #fff;
  --sidebar-border: #315070;
  --sidebar-ring: #8ab9ff;
  --tblr-body-bg: var(--cp-color-canvas);
  --tblr-body-color: var(--cp-color-text);
  --tblr-bg-surface: var(--cp-color-surface-1);
  --tblr-border-color: var(--cp-color-border);
  --tblr-secondary-color: var(--cp-color-text-muted);
}
html body { background-color: var(--cp-color-canvas); color: var(--cp-color-text); font-family: var(--cp-font-sans); }
.cp-left-nav {
  --bg-panel: #09213d;
  --bg-base: #163b62;
  --text-primary: #fff;
  --text-muted: #d1e2f9;
  --accent: #8ab9ff;
  --border: #315070;
  background: #09213d;
}
.cp-left-nav .cp-left-nav__link.active { background: #1763d6; color: #fff; }
/* React uses accent as a surface rather than a link color. */
body:has(#root) { --accent: var(--cp-color-surface-raised); }
input, textarea, select { color-scheme: light; }
:focus-visible { outline: 2px solid var(--cp-color-primary); outline-offset: 3px; }
.cp-left-nav :focus-visible { outline-color: #8ab9ff; }
.cp-executive-page .exec-header { background: rgb(255 255 255 / 96%); }
.cp-ask-voice-status--warn { color: var(--cp-color-warning); }
.cp-ask-voice-status--error { color: var(--cp-color-danger); }
@media print {
  html body { background: #fff; color: #102344; }
}