/* PokeScan brand palette: mint flame, cyan edge, deep blue-green chrome.
   This layer changes colors only; shared layout and typography stay upstream. */
:root, html[data-theme="bright"] {
  color-scheme: light;
  --bg: #f1faf6;
  --card: #ffffff;
  --paper: #ffffff;
  --paper-strong: #ffffff;
  --panel: #ffffff;
  --text: #153d33;
  --ink: #153d33;
  --muted: #48685f;
  --accent: #116b50;
  --brand: #116b50;
  --brand-dark: #0d6248;
  --accent-red: #23889d;
  --border: #b6d9cb;
  --line: #b6d9cb;
  --control-border: #70978a;
  --good: #116b50;
  --success: #116b50;
  --success-soft: #e0f5e9;
  --bad: #ad2d48;
  --danger: #ad2d48;
  --danger-soft: #fce9ed;
  --selection-ink: #082d24;
  --primary-action-bg: #79e2be;
  --primary-action-text: #082d24;
  --scheme-background: #f1faf6;
  --scheme-text: #153d33;
  --scheme-text-rgb: 21 61 51;
  --scheme-text-soft: #345d51;
  --scheme-muted: #48685f;
  --scheme-info: #176c80;
  --scheme-positive: #116b50;
  --scheme-positive-rgb: 17 107 80;
  --scheme-danger: #ad2d48;
  --scheme-warning: #80521a;
  --scheme-surface: #ffffff;
  --scheme-surface-rgb: 255 255 255;
  --scheme-surface-soft: #f1faf6;
  --scheme-surface-soft-rgb: 241 250 246;
  --scheme-surface-raised: #e4f4ec;
  --scheme-surface-raised-rgb: 228 244 236;
  --scheme-field: #ffffff;
  --scheme-field-rgb: 255 255 255;
  --scheme-navigation: #e4f4ec;
  --scheme-navigation-rgb: 228 244 236;
  --scheme-button: #e4f4ec;
  --scheme-button-rgb: 228 244 236;
  --scheme-primary: #79e2be;
  --scheme-primary-hover: #62d5ac;
  --scheme-selected: #d9f2e6;
  --scheme-selected-rgb: 217 242 230;
  --scheme-border: #b6d9cb;
  --scheme-border-rgb: 112 151 138;
  --scheme-accent-border: #379f7e;
  --scheme-accent-border-rgb: 55 159 126;
  --scheme-danger-border: #ce8294;
  --scheme-danger-border-rgb: 173 45 72;
  --scheme-danger-surface: #fce9ed;
  --scheme-danger-surface-rgb: 252 233 237;
  --scheme-warning-border: #b7894c;
  --scheme-warning-border-rgb: 128 82 26;
  --scheme-warning-surface: #fff2de;
  --scheme-warning-surface-rgb: 255 242 222;
  --scheme-shadow-rgb: 13 56 45;
  --action-blue-bg: #79e2be;
  --action-blue-bg-hover: #62d5ac;
  --action-blue-border: #379f7e;
  --action-blue-border-hover: #237f61;
  --action-blue-text: #082d24;
  --action-red-bg: #fce9ed;
  --action-red-bg-hover: #f8d9e1;
  --action-red-border: #ce8294;
  --action-red-border-hover: #ad5069;
  --action-red-text: #ad2d48;
  --shadow: 0 18px 45px rgb(13 56 45 / .09);
  --app-background: radial-gradient(circle at 10% 18%, #79e2be24, transparent 20%), radial-gradient(circle at 84% 16%, #63cbe51c, transparent 18%), radial-gradient(circle at 88% 72%, #79e2be18, transparent 16%), linear-gradient(160deg, #f7fcf9, #f1faf6 58%, #edf8f4);
  --chrome-text: #ecfbf5;
  --chrome-muted: #aec8c2;
  --chrome-accent: #79e2be;
  --chrome-border: #42675f;
}
html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0b1c26;
  --card: #132f3a;
  --paper: #132f3a;
  --paper-strong: #17343e;
  --panel: #17343e;
  --text: #ecfbf5;
  --ink: #ecfbf5;
  --muted: #aec8c2;
  --accent: #79e2be;
  --brand: #79e2be;
  --brand-dark: #a0efd3;
  --accent-red: #63cbe5;
  --border: #355e59;
  --line: #355e59;
  --control-border: #638b80;
  --good: #8ae4b6;
  --success: #8ae4b6;
  --success-soft: #193e35;
  --bad: #ffb3c0;
  --danger: #ffb3c0;
  --danger-soft: #472936;
  --selection-ink: #082d24;
  --primary-action-bg: #79e2be;
  --primary-action-text: #082d24;
  --scheme-background: #0b1c26;
  --scheme-text: #ecfbf5;
  --scheme-text-rgb: 236 251 245;
  --scheme-text-soft: #c9e3d9;
  --scheme-muted: #aec8c2;
  --scheme-info: #89d9ed;
  --scheme-positive: #8ae4b6;
  --scheme-positive-rgb: 138 228 182;
  --scheme-danger: #ffb3c0;
  --scheme-warning: #f1cf91;
  --scheme-surface: #132f3a;
  --scheme-surface-rgb: 19 47 58;
  --scheme-surface-soft: #0f2630;
  --scheme-surface-soft-rgb: 15 38 48;
  --scheme-surface-raised: #1a3a45;
  --scheme-surface-raised-rgb: 26 58 69;
  --scheme-field: #0f2630;
  --scheme-field-rgb: 15 38 48;
  --scheme-navigation: #102b36;
  --scheme-navigation-rgb: 16 43 54;
  --scheme-button: #1a3a45;
  --scheme-button-rgb: 26 58 69;
  --scheme-primary: #79e2be;
  --scheme-primary-hover: #98eccf;
  --scheme-selected: #214b42;
  --scheme-selected-rgb: 33 75 66;
  --scheme-border: #355e59;
  --scheme-border-rgb: 99 139 128;
  --scheme-accent-border: #68bc9d;
  --scheme-accent-border-rgb: 104 188 157;
  --scheme-danger-border: #bc7189;
  --scheme-danger-border-rgb: 188 113 137;
  --scheme-danger-surface: #472936;
  --scheme-danger-surface-rgb: 71 41 54;
  --scheme-warning-border: #ac8b56;
  --scheme-warning-border-rgb: 172 139 86;
  --scheme-warning-surface: #3c3425;
  --scheme-warning-surface-rgb: 60 52 37;
  --scheme-shadow-rgb: 1 14 20;
  --action-blue-bg: #79e2be;
  --action-blue-bg-hover: #98eccf;
  --action-blue-border: #68bc9d;
  --action-blue-border-hover: #a0efd3;
  --action-blue-text: #082d24;
  --action-red-bg: #472936;
  --action-red-bg-hover: #603244;
  --action-red-border: #bc7189;
  --action-red-border-hover: #ec9eb5;
  --action-red-text: #ffb3c0;
  --shadow: 0 18px 45px rgb(1 14 20 / .19);
  --app-background: radial-gradient(circle at 82% 10%, #63cbe512, transparent 32%), linear-gradient(160deg, #0b1c26, #0f2630 70%, #142e35);
}

/* Dark blue-green chrome remains legible in the bright page scheme as well. */
html[data-theme] .workspace-body .ui-topbar {
  background: radial-gradient(circle at 15% 0, #79e2be10, transparent 28%), linear-gradient(120deg, #0b202e, #123540);
  border-bottom-color: var(--chrome-border);
  color: var(--chrome-text);
  box-shadow: 0 4px 18px #0b202e15;
}
html[data-theme] .workspace-sidebar {
  background: radial-gradient(circle at top, #79e2be12, transparent 30%), linear-gradient(180deg, #102b36, #15343d);
  border-right-color: var(--chrome-border);
  color: var(--chrome-text);
  scrollbar-color: #628c80 transparent;
}
html[data-theme] .ui-topbar :is(.ui-brand, .ui-signin, .ui-icon-button, .ui-topnav-link),
html[data-theme] .workspace-sidebar :is(.ui-sidebar-heading strong, .ui-side-link) { color: var(--chrome-text); }
html[data-theme] .ui-topbar :is(.ui-brand-accent, .ui-brand-mark, .ui-avatar),
html[data-theme] .workspace-sidebar .ui-section-icon { color: var(--chrome-accent); border-color: var(--chrome-border); }
html[data-theme] .workspace-sidebar :is(.ui-eyebrow, .ui-nav-group-label, .ui-side-link svg, .ui-user-summary, .ui-user-summary a, .ui-sidebar-sets summary, .official-collection-sidebar-list button) { color: var(--chrome-muted); }
html[data-theme] .workspace-sidebar .ui-user-summary small { color: var(--chrome-text); background-color: #ffffff12; }
html[data-theme] .ui-topbar :is(.ui-supporter-badge, .ui-member-preview-link, .ui-member-preview-exit button) { color: var(--chrome-accent); border-color: var(--chrome-border); background-color: #79e2be0c; }
html[data-theme] .ui-topbar :is(.ui-icon-button, .ui-topnav-link):hover,
html[data-theme] .workspace-sidebar .ui-side-link:hover { background: #79e2be18; color: var(--chrome-text); }
html[data-theme] .workspace-body :is(.ui-topnav-link.is-active, .ui-side-link.is-active) {
  background: linear-gradient(135deg, #79e2be, #8ce6cf);
  color: var(--selection-ink);
}
html[data-theme] .workspace-body .ui-side-link.is-active svg { color: var(--selection-ink); }
html[data-theme] .ui-topbar .ui-menu-popover { color: var(--text); background: var(--paper-strong); border-color: var(--border); }
html[data-theme] .ui-topbar .ui-menu-popover a { color: var(--text); }
html[data-theme] .ui-topbar .ui-menu-popover a:hover { color: var(--brand-dark); background: var(--scheme-selected); }

/* Primary/secondary actions and their focus states share the same mint pairs. */
html[data-theme] .workspace-body .ui-primary-button,
html[data-theme] .workspace-body .cookie-consent button {
  background: var(--scheme-primary);
  color: var(--selection-ink);
  border-color: var(--scheme-accent-border);
}
html[data-theme] .workspace-body .ui-primary-button { box-shadow: 0 6px 15px #2b9c7720; }
html[data-theme] .workspace-body .ui-primary-button:is(:hover, :focus-visible),
html[data-theme] .workspace-body .card button:is(.action-blue, .recent-scan-add-btn):hover {
  background: var(--scheme-primary-hover);
  color: var(--selection-ink);
  border-color: var(--scheme-accent-border);
}
html[data-theme] .workspace-body .card button:hover { background: var(--scheme-surface-raised); }
html[data-theme] .workspace-body .card button.action-red:hover { background: var(--action-red-bg-hover); }
html[data-theme] .workspace-body :is(.ui-secondary-button, .ghost-button):hover { background: var(--scheme-selected); color: var(--text); }
html[data-theme] .workspace-body :is(input, select, textarea):focus { box-shadow: 0 0 0 3px #79e2be26; }
html[data-theme] .workspace-body :is(button, a, summary, input, select, textarea):focus-visible { outline-color: var(--brand-dark); }
html[data-theme] .ui-topbar :is(.ui-topnav-link, .ui-icon-button, .ui-brand, .ui-signin, .ui-avatar):focus-visible,
html[data-theme] .workspace-sidebar :is(.ui-side-link, .ui-user-summary a):focus-visible { outline-color: var(--chrome-accent); }
html[data-theme] .ui-wallet-breakdown progress { accent-color: var(--brand); }
html[data-theme] ::selection { background: #79e2be; color: #082d24; }

/* Remove legacy gold/blue decorative fills without touching logos or card art. */
html[data-theme] .workspace-body .ui-page-heading,
html[data-theme] .business-native .page-header { background: linear-gradient(125deg, var(--paper-strong), var(--paper) 76%, var(--scheme-selected)); border-color: var(--border); }
html[data-theme] .business-native .header-glow { background: radial-gradient(circle, #79e2be30, transparent 68%); }
html[data-theme] .business-native .active-link { background: var(--scheme-selected); color: var(--text); }
html[data-theme] .business-native .supply-stock-table .supply-add-button { background: var(--scheme-primary); color: var(--selection-ink); box-shadow: 0 12px 24px #2b9c772e; }
html[data-theme] .business-native .dashboard-stat-accent { background: linear-gradient(135deg, var(--scheme-selected), var(--scheme-surface-raised)); border-color: var(--border); }
html[data-theme] .business-native .dashboard-board { background: var(--paper); }
html[data-theme] .business-native .dashboard-board::before,
html[data-theme] .business-native .bulk-calculator-dialog .modal-panel::before { background: radial-gradient(circle, #79e2be30, transparent 70%); }
html[data-theme] .business-native .dashboard-board::after,
html[data-theme] .business-native .bulk-calculator-dialog .modal-panel::after { background: radial-gradient(circle, #63cbe51c, transparent 72%); }
html[data-theme] .business-native .bulk-calculator-dialog .modal-panel { background: var(--paper-strong); border-color: var(--border); }
html[data-theme] .business-native :is(.instruction-supply-chip, .sales-order-summary span, .sales-order-footer span, .purchase-supply-summary) { background: var(--scheme-surface-raised); color: var(--text); }
html[data-theme] .business-native :is(.dashboard-heading-button, .dashboard-kpi-button):hover { color: var(--brand-dark); }
html[data-theme] .business-native .legend-stock-value { background: var(--brand); }
html[data-theme] .business-native .legend-revenue { background: var(--scheme-info); }
html[data-theme] .business-native .legend-inventory { background: var(--brand-dark); }
html[data-theme] .analytics { --an-mint: var(--brand); --an-blue: var(--scheme-info); }
html[data-theme] #insightsPage { --insight-value: var(--brand); --insight-cost: var(--scheme-positive); }
html[data-theme] .in-eyebrow { color: var(--brand-dark); }
html[data-theme] .in-legend i { background: var(--brand); }
html[data-theme] .in-legend .cost { background: var(--scheme-info); }

/* Footer surfaces may blend with the folder preview beneath them. */
html[data-theme="bright"] .workspace-body .ui-footer,
html[data-theme="bright"] .workspace-body .ui-footer :is(a, summary) { color: #3e5c53; }

/* Missing-price notices previously used a light-only literal amber. */
html[data-theme] .db-current-market-quotes span { color: var(--scheme-warning) !important; }