/**
 * TrackerBot theme tokens.
 * Light (:root) values are exact white-theme colors from origin/master app CSS.
 * Dark overrides: html[data-theme="dark"]. Vendor: theme-vendor-overrides.css
 */

:root {
  /* Brand */
  --color-primary: #0065fc;
  --color-primary-hover: #0050d6;
  --color-primary-active: #004b87;
  --color-primary-soft: #e1f0ff;
  --color-primary-soft-2: #eaf1ff;
  --color-primary-soft-3: #f4f8ff;
  --color-primary-faded: #cce0fe;
  --color-primary-muted-text: #729bff;
  --color-primary-border: #d8e7ff;
  --color-primary-legacy: #1ea4e6;
  --color-legacy-blue: #3497ff;

  /* Empty-state illustration */
  --color-illus-blue-mid: #83adf8;
  --color-illus-blue-light: #9ec0ff;
  --color-illus-blue-title-start: #7dafef;
  --color-illus-blue-title-end: #a8c4fb;
  --color-illus-window-border: #b9cdfd;
  --color-illus-window-bg-start: #f8fbff;
  --color-illus-window-bg-end: #eef5ff;
  --color-illus-heading: #111827;
  --color-illus-desc: #66708a;

  /* Surfaces */
  --color-bg-app: #f5f7fa;
  --color-bg-surface: #ffffff;
  --color-bg-surface-rgb: 255, 255, 255;
  --color-bg-muted: #f3f6f9;
  --color-bg-subtle: #f7f8fb;
  --color-bg-header: #e1e3ea;
  --color-bg-label: #ebedf3;
  --color-bg-hover: #eef1f6;
  --color-bg-input: #ffffff;
  --color-bg-sidebar: #ffffff;
  --color-bg-sidebar-hover: #f4f6fa;
  --color-segment-track: #f1f3f8;
  --color-bg-inset: #eceff5;
  --color-bg-frost: #fbfcfe;
  --color-bg-overlay: rgba(0, 0, 0, 0.5);
  --color-bg-overlay-light: rgba(0, 0, 0, 0.25);
  --color-bg-scrim: rgba(15, 23, 42, 0.45);
  --color-overlay-slate: rgba(52, 58, 64, 0.7);
  /* Soft band for qty/price/profit columns in data tables */
  --color-table-metric-header: #eef0f6;
  --color-table-metric-cell: #fbfcff;

  /* Text */
  --color-text: #1b1b28;
  --color-legacy-ink: #011b1f;
  --color-text-secondary: #353535;
  --color-text-body: #333333;
  --color-text-label: #888780;
  --color-text-muted: #7a7e94;
  --color-text-nav: #4a4d63;
  --color-text-subtle: #a5a5a5;
  --color-text-placeholder: #9ca3af;
  --color-text-inverse: #ffffff;
  --color-text-link: #0065fc;
  --color-text-on-primary: #ffffff;
  --color-text-deep: #181c32;
  --color-amber-text: #946007;

  /* Tooltips — inverted contrast bubble (not theme surface colors) */
  --color-tooltip-bg: #000000;
  --color-tooltip-text: #ffffff;

  /* Borders */
  --color-border: #e5e9f0;
  --color-border-strong: #dedede;
  --color-border-input: #dddddd;
  --color-border-muted: #e2e2e2;
  --color-border-subtle: #e5e7eb;
  --color-border-light: #e3e3e3;
  --color-border-soft: #c2c8d6;
  --color-border-focus: #0065fc;
  --color-scrollbar-thumb: #b9c0d0;

  /* Status — danger */
  --color-danger: #e5484d;
  --color-danger-hover: #d43f3a;
  --color-danger-text: #a94442;
  --color-danger-soft: #fce7e8;
  /* Soft alert border (lost-access banners, login danger boxes) */
  --color-danger-border: #f5b7b9;
  --color-danger-strong: #bb0502;
  --color-danger-bright: #f64e60;

  /* Status — success */
  --color-success-bright: #009e43;
  --color-success-soft-bright: #d4f8e3;
  --color-success: #18a957;
  --color-success-hover: #398439;
  --color-success-text: #3c763d;
  --color-success-soft: #e4f7ec;
  --color-success-border: #d6e9c6;
  --color-success-legacy: #5cb85c;

  /* Auto Messages trigger icon tiles (light) — from icons-standalone.html */
  --color-msg-purchased: #0065fc;
  --color-msg-purchased-bg: rgba(0, 101, 252, 0.1);
  --color-msg-shipped: #b8770a;
  --color-msg-shipped-bg: rgba(242, 160, 7, 0.13);
  --color-msg-tracking: #0e8894;
  --color-msg-tracking-bg: rgba(18, 144, 156, 0.11);
  --color-msg-delivered: #18a957;
  --color-msg-delivered-bg: rgba(24, 169, 87, 0.11);

  /*
   * Soft icon tiles (stat cards, modal headers, howto).
   * Light keeps the existing primary/success/amber pairs; dark remaps to msg-*.
   */
  --color-tile-blue: var(--color-primary);
  --color-tile-blue-bg: var(--color-primary-border);
  --color-tile-blue-soft-bg: var(--color-primary-soft-2);
  --color-tile-green: var(--color-success-bright);
  --color-tile-green-bg: var(--color-success-soft-bright);
  --color-tile-amber: var(--color-amber-text);
  --color-tile-amber-bg: var(--color-warning-soft);

  /* Status — warning */
  --color-warning: #ffa534;
  --color-warning-hover: #ec971f;
  --color-warning-text: #8a6d3b;
  --color-warning-soft: #fff3d8;
  --color-warning-border: #faebcc;
  --color-warning-legacy: #f0ad4e;
  --color-warning-accent: #ffc368;
  --color-warning-highlight: #ffe9b8;

  /* Summer Challenge sidebar card */
  --color-summer-sidebar-bg: #fff9ec;
  --color-summer-sidebar-border: #f3dfa8;
  --color-summer-sidebar-border-hover: #e8cf8e;
  --color-summer-sidebar-border-active: #e2b23c;
  --color-summer-sidebar-cta: #eab534;
  --color-summer-sidebar-medal-bg: #fdf0ce;
  --color-summer-sidebar-cta-bg: #f7c752;
  --color-summer-sidebar-cta-text: #1b1b28;

  /* Common banners */
  --color-banner-yellow-bg: #fdf4e1;
  --color-banner-yellow-border: #ede0c3;
  --color-banner-yellow-accent: #feaa00;
  --color-banner-red-bg: #f7dfe4;
  --color-banner-red-border: #ff7c8b;
  --color-banner-red-icon: #a30001;
  --color-banner-red-button: #ff586b;
  --color-banner-blue-bg: #d5e4eb;

  /* Status — info */
  --color-info: #1dc7ea;
  --color-info-text: #31708f;
  --color-info-soft: #d9edf7;
  --color-info-border: #bce8f1;
  --color-info-legacy: #5bc0de;

  /* Neutrals / chrome */
  --color-gray-50: #fafbfc;
  --color-gray-100: #f5f5f5;
  --color-gray-200: #eeeeee;
  --color-gray-300: #cccccc;
  --color-gray-400: #b0b4c4;
  --color-gray-500: #777777;
  --color-gray-600: #666666;
  --color-gray-700: #555555;
  --color-gray-800: #444444;
  --color-gray-900: #222222;
  --color-black: #000000;

  /* Accent (charts / purple features) */
  --color-accent-purple: #9368e9;
  --color-accent-purple-2: #943bea;
  --color-accent-green: #87cb16;
  --color-accent-cyan: #0a8fd5;
  --color-chart-grid: #eef1f6;
  --color-chart-zero: #e9edf4;
  --color-chart-tick: #b0b4c4;
  --color-accent-teal: #2f96b4;
  --color-bce-highlight: #bbccee;

  /* Shadows / focus rings */
  --shadow-focus-primary: 0 0 0 2px rgba(0, 101, 252, 0.3);
  --shadow-focus-primary-soft: 0 0 0 3px rgba(0, 101, 252, 0.15);
  --shadow-dropdown: 0 4px 8px var(--color-slate-alpha-06), 0 16px 40px var(--color-slate-alpha-12);
  --shadow-navbar-pill: 0 1px 2px rgba(0, 0, 0, 0.08);
  --shadow-navbar-popover: var(--shadow-dropdown);
  --shadow-summer-sidebar: 0 8px 20px var(--color-warning-ink-alpha-12);
  --shadow-summer-sidebar-active: 0 0 0 1px var(--color-warning-gold-alpha-35);
  --color-primary-alpha-15: rgba(0, 101, 252, 0.15);
  --color-primary-alpha-30: rgba(0, 101, 252, 0.3);
  --color-primary-alpha-10: rgba(0, 101, 252, 0.1);
  --color-bootstrap-primary-alpha-10: rgba(0, 123, 255, 0.1);
  --color-primary-alpha-30-alt: rgba(1, 101, 252, 0.3);
  --color-black-alpha-05: rgba(0, 0, 0, 0.05);
  --color-black-alpha-10: rgba(0, 0, 0, 0.1);
  --color-black-alpha-12: rgba(0, 0, 0, 0.12);
  --color-black-alpha-15: rgba(0, 0, 0, 0.15);
  --color-black-alpha-25: rgba(0, 0, 0, 0.25);
  --color-black-alpha-30: rgba(0, 0, 0, 0.3);
  --color-black-alpha-50: rgba(0, 0, 0, 0.5);
  --color-black-alpha-75: rgba(0, 0, 0, 0.75);
  --color-black-alpha-80: rgba(0, 0, 0, 0.8);
  --color-black-alpha-90: rgba(0, 0, 0, 0.9);
  --color-white-alpha-10: rgba(255, 255, 255, 0.1);
  --color-white-alpha-15: rgba(255, 255, 255, 0.15);
  --color-white-alpha-30: rgba(255, 255, 255, 0.3);
  --color-white-alpha-50: rgba(255, 255, 255, 0.5);
  --color-white-alpha-70: rgba(255, 255, 255, 0.7);
  --color-white-alpha-95: rgba(255, 255, 255, 0.95);
  --color-slate-alpha-06: rgba(15, 23, 42, 0.06);
  --color-slate-alpha-12: rgba(15, 23, 42, 0.12);

  /* Media overlay action chips */
  --color-overlay-action-bg: var(--color-white-alpha-95);
  --color-overlay-action-border: var(--color-white-alpha-30);
  --color-overlay-action-text: var(--color-text-body);
  --color-overlay-action-bg-hover: var(--color-bg-surface);
  --color-overlay-action-text-hover: var(--color-primary);

  /* Always-dark scrims (not theme-inverted) */
  --color-media-scrim: rgba(0, 0, 0, 0.6);
  --color-media-scrim-heavy: rgba(0, 0, 0, 0.9);
  --color-panel-veil: var(--color-white-alpha-95);

  /* Extra alphas / accents from master CSS */
  --color-black-alpha-03: rgba(0, 0, 0, 0.03);
  --color-black-alpha-04: rgba(0, 0, 0, 0.04);
  --color-black-alpha-06: rgba(0, 0, 0, 0.06);
  --color-black-alpha-20: rgba(0, 0, 0, 0.2);
  --color-black-alpha-22: rgba(0, 0, 0, 0.22);
  --color-white-alpha-06: rgba(255, 255, 255, 0.06);
  --color-white-alpha-08: rgba(255, 255, 255, 0.08);
  --color-white-alpha-12: rgba(255, 255, 255, 0.12);
  --color-white-alpha-60: rgba(255, 255, 255, 0.6);
  --color-white-alpha-80: rgba(255, 255, 255, 0.8);
  --color-white-alpha-85: rgba(255, 255, 255, 0.85);
  --color-slate-alpha-00: rgba(15, 23, 42, 0);
  --color-slate-alpha-04: rgba(15, 23, 42, 0.04);
  --color-slate-alpha-08: rgba(15, 23, 42, 0.08);
  --color-slate-alpha-09: rgba(15, 23, 42, 0.09);
  --color-slate-alpha-10: rgba(15, 23, 42, 0.1);
  --color-slate-alpha-14: rgba(15, 23, 42, 0.14);
  --color-slate-alpha-16: rgba(15, 23, 42, 0.16);
  --color-slate-alpha-18: rgba(15, 23, 42, 0.18);
  --color-slate-alpha-22: rgba(15, 23, 42, 0.22);
  --color-ink-alpha-07: rgba(23, 27, 38, 0.07);
  --color-ink-alpha-08: rgba(27, 27, 40, 0.08);
  --color-ink-alpha-18: rgba(27, 27, 40, 0.18);
  --color-ink-alpha-45: rgba(27, 27, 40, 0.45);
  --color-ink-alpha-55: rgba(27, 27, 40, 0.55);
  --color-ink-alpha-75: rgba(27, 27, 40, 0.75);
  --color-primary-alpha-12: rgba(0, 101, 252, 0.12);
  --color-primary-alpha-24: rgba(0, 101, 255, 0.24);
  --color-primary-alpha-25: rgba(0, 101, 252, 0.25);
  --color-primary-alpha-28: rgba(0, 101, 253, 0.28);
  --color-primary-alpha-50: rgba(0, 101, 253, 0.5);
  --color-gray-alpha-10: rgba(108, 117, 125, 0.1);
  --color-success-alpha-18: rgba(34, 197, 94, 0.18);
  --color-warning-ink-alpha-12: rgba(148, 96, 7, 0.12);
  --color-warning-gold-alpha-22: rgba(245, 194, 75, 0.22);
  --color-warning-gold-alpha-28: rgba(245, 194, 75, 0.28);
  --color-warning-gold-alpha-35: rgba(226, 178, 60, 0.35);
  --color-warning-gold-alpha-40: rgba(245, 194, 75, 0.4);
  --color-warning-brown-alpha-25: rgba(178, 94, 42, 0.25);
  --color-slate-muted-alpha-25: rgba(102, 120, 143, 0.25);
  --color-blue-soft-alpha-10: rgba(84, 126, 220, 0.1);
  --color-primary-soft-wash: rgba(230, 243, 255, 0.5);
  --color-primary-legacy-alpha-70: rgba(30, 164, 230, 0.7);
  --color-scrim-near-black: rgba(10, 10, 9, 0.8);

  /* Fixed light document surface (Jodit / preview HTML) */
  --color-document-bg: #ffffff;
  --color-document-text: #222222;
  --color-document-placeholder: #9ca3af;

  /* Carrier brand pills — not theme-swapped */
  --color-carrier-amazon: #ff9900;
  --color-carrier-yunexpress: #e07b00;
  --color-carrier-usps: #004b87;
  --color-carrier-ups: #705235;
  --color-carrier-fedex: #4d148c;
  --color-carrier-aquiline: #7a3fb5;


  /* Extended brand / links */
  --color-bootstrap-info-blue: #3498db;
  --color-brand-navy-deep: #002398;
  --color-brand-paypal: #1a1f71;
  --color-link-blue: #0066cc;
  --color-link-sky: #37a5db;
  --color-material-blue: #1976d2;
  --color-primary-accent: #155dfc;
  --color-primary-active-alt: #0155d9;
  --color-primary-bright: #0065ff;
  --color-primary-dark-hover: #204d74;
  --color-primary-deep: #122b40;
  --color-primary-light: #7fb2ff;
  --color-primary-link: #0056d6;
  --color-primary-mid: #3889ca;
  --color-primary-tint-light: #a2d3ff;
  --color-primary-tint-pale: #bfd8ff;
  --color-primary-tint-soft: #a5c9ff;
  --color-primary-variant: #0165fc;
  --color-primary-vivid: #3b6ef5;
  --color-primary-wash-alt: #e6f7ff;
  --color-primary-wash-bg: #e5f2ff;
  --color-primary-wash-faint: #f2fcff;
  --color-primary-wash-light: #cce7ff;
  --color-primary-wash-panel: #dde5f4;
  --color-primary-wash-soft: #eaf2ff;

  /* Extended surfaces */
  --color-bg-bootstrap-subtle: #e9ecef;
  --color-bg-dark-panel: #262f35;
  --color-bg-disabled: #f0f0f0;
  --color-bg-form: #f8f9fb;
  --color-bg-frost-alt: #fafbfd;
  --color-bg-hover-alt: #f9f9f9;
  --color-bg-info-subtle: #f3f9fc;
  --color-bg-input-muted: #f3f3f3;
  --color-bg-neutral-light: #f2f2f2;
  --color-bg-panel-soft: #f3f4f7;
  --color-bg-popup: #f7f9fc;
  --color-bg-primary-tint: #f4f5fb;
  --color-bg-row-alt: #ecedf6;
  --color-bg-row-hover: #f1f1f2;
  --color-bg-settings: #f3f5f9;
  --color-bg-slate-dark: #233141;
  --color-bg-subtle-alt: #f1f1f1;
  --color-bg-toolbar: #eff2f5;
  --color-code-bg: #272822;
  --color-code-text-bg: #f8f8f2;

  /* Extended borders */
  --color-border-blue-gray: #c9d4e4;
  --color-border-bootstrap: #dee2e6;
  --color-border-card: #cbd3e1;
  --color-border-divider: #e0e0e0;
  --color-border-editor: #d7dce8;
  --color-border-faint: #dededf;
  --color-border-gray-300: #d1d5db;
  --color-border-input-muted: #acb0c0;
  --color-border-light-gray: #d3d3d3;
  --color-border-muted-light: #e4e4e4;
  --color-border-muted-ui: #d4d8de;
  --color-border-muted-warm: #beb3b3;
  --color-border-neutral: #d9d9d9;
  --color-border-panel: #e1e5e8;
  --color-border-subtle-alt: #e8e8e8;
  --color-border-table: #e3e6f0;
  --color-border-toolbar: #d5dae5;
  --color-border-ui: #e4e6ef;

  /* Extended text */
  --color-text-almost-black: #282828;
  --color-text-bootstrap-dark: #343a40;
  --color-text-bootstrap-muted: #6c757d;
  --color-text-border-gray: #aab7c4;
  --color-text-border-muted: #bec3cf;
  --color-text-charcoal: #343434;
  --color-text-chrome: #8b8e96;
  --color-text-disabled-mid: #a4a4a4;
  --color-text-disabled-strong: #c4c4c4;
  --color-text-disabled: #9a9a9a;
  --color-text-extension: #8c8d8d;
  --color-text-faint: #aaaaaa;
  --color-text-gray-code: #525252;
  --color-text-gray-icon: #888888;
  --color-text-gray-light: #787878;
  --color-text-gray-mid: #505050;
  --color-text-gray-neutral: #767676;
  --color-text-gray-web: #808080;
  --color-text-gray: #5e5e5e;
  --color-text-ink: #1e1e2d;
  --color-text-label-dark: #5e6278;
  --color-text-label-light: #a0a5b7;
  --color-text-label-slate: #7e8299;
  --color-text-label-ui: #9aa0b4;
  --color-text-muted-chrome: #9aa8ae;
  --color-text-muted-dark: #495057;
  --color-text-muted-light: #8a8a8a;
  --color-text-muted-mid: #6a7282;
  --color-text-muted-ui: #8a8fa3;
  --color-text-nav-muted: #b1b6c4;
  --color-text-olive-gray: #444441;
  --color-text-placeholder-alt: #a3a3a3;
  --color-text-secondary-dark: #5a6268;
  --color-text-slate-dark: #3f4254;
  --color-text-slate-mid: #8292a5;
  --color-text-slate: #3e4852;
  --color-text-subtle-light: #b1b1b1;

  /* Extended status / badges */
  --color-badge-danger-maroon: #791f1f;
  --color-badge-info-blue: #85b7eb;
  --color-badge-info-navy: #0c447c;
  --color-badge-success-green: #97c459;
  --color-danger-alert: #f60000;
  --color-danger-banner: #ff586c;
  --color-danger-bootstrap: #dc3545;
  --color-danger-border-light: #ffdcdc;
  --color-danger-border-soft: #ffe2e5;
  --color-danger-bright-alt: #f42424;
  --color-danger-coral-bright: #f74e60;
  --color-danger-coral-light: #f3746f;
  --color-danger-crimson: #b91c1c;
  --color-danger-flat: #c0392b;
  --color-danger-hot: #fb404b;
  --color-danger-icon-alt: #c93a3f;
  --color-danger-icon: #b4262a;
  --color-danger-light: #f09595;
  --color-danger-max: #ff0000;
  --color-danger-orange-red: #ff5221;
  --color-danger-pure: #cc0000;
  --color-danger-red-600: #dc2626;
  --color-danger-red-deep: #b42318;
  --color-danger-row-soft: #f3c4c6;
  --color-danger-salmon-bright: #f64f61;
  --color-danger-salmon: #e56666;
  --color-danger-soft-bootstrap: #f8d7da;
  --color-danger-soft-pink: #f5c2c5;
  --color-danger-soft-rose: #f5c2c7;
  --color-danger-text-dark: #721c24;
  --color-danger-wash-faint: #fef2f2;
  --color-danger-wash-light: #fde8e8;
  --color-danger-wash-pale: #fecaca;
  --color-danger-wash-soft: #fdeef0;
  --color-danger-wash: #fcebeb;
  --color-info-bright: #55c3f8;
  --color-info-dark: #1c6d90;
  --color-info-sky-bright: #22a6de;
  --color-info-sky: #49a5d2;
  --color-info-wash: #e6f1fb;
  --color-success-bootstrap: #28a745;
  --color-success-emerald-dark: #007a55;
  --color-success-forest-deep: #27500a;
  --color-success-forest: #047857;
  --color-success-grass: #6dc030;
  --color-success-green: #008000;
  --color-success-lime: #28c51f;
  --color-success-material: #4caf50;
  --color-success-mint: #6ee7a0;
  --color-success-neon: #29c300;
  --color-success-pale: #a7f3d0;
  --color-success-soft-bootstrap: #d4edda;
  --color-success-soft-pale: #eaf3de;
  --color-success-text-dark: #155724;
  --color-success-wash-light: #ecfdf5;
  --color-success-wash: #d0fae5;
  --color-teal-bright: #3ec8c3;
  --color-teal-dark: #087988;
  --color-teal-wash: #c9f7f5;
  --color-teal: #1bc5bd;
  --color-warning-amber-dark: #b46107;
  --color-warning-amber: #ffc107;
  --color-warning-gold-dark: #c98a14;
  --color-warning-gold-light: #eac983;
  --color-warning-gold-pale: #f0d9a0;
  --color-warning-highlight-soft: #ffe9bd;
  --color-warning-orange-deep: #ff3d00;
  --color-warning-orange: #ff9d00;
  --color-warning-soft-gold: #f5e0ac;
  --color-warning-wash-light: #fffadc;
  --color-warning-wash: #fff7ed;

  /* Extended accents */
  --color-accent-azure: #288feb;
  --color-accent-blue-bright: #3699ff;

  /* App literals — semantic tokens for previously hardcoded colors */
  --color-primary-d4: #0055d4;
  --color-link-hover-blue: #0056b3;
  --color-primary-hover-alt-b: #005bea;
  --color-primary-variant-b: #0065fd;
  --color-bootstrap-primary: #007bff;
  --color-summer-hero-1: #0a1430;
  --color-summer-hero-3: #0a2c71;
  --color-summer-hero-2: #0b1d49;
  --color-summer-blue-accent: #1673ff;
  --color-summer-green: #16a37b;
  --color-summer-ink: #171b26;
  --color-text-heading-dark: #1f1f1f;
  --color-pricing-green: #2ecc71;
  --color-success-teal: #2fd09e;
  --color-primary-focus: #4091ff;
  --color-text-dark-muted: #424242;
  --color-summer-blue-hi: #4d9aff;
  --color-text-body-muted: #565656;
  --color-summer-muted: #667085;
  --color-summer-medal-silver: #66788f;
  --color-primary-bright-text: #68a1ff;
  --color-text-ui-muted: #6b7280;
  --color-text-pricing: #738191;
  --color-summer-text-gold: #8a5c00;
  --color-summer-label: #8a90a3;
  --color-text-settings-muted: #949bab;
  --color-text-gray-999: #999999;
  --color-text-onboarding-label: #99a1af;
  --color-text-feedback-label: #a1a5b7;
  --color-summer-text-bronze: #a55a25;
  --color-summer-text-gold-dark: #a87400;
  --color-summer-hero-text-muted: #aab9df;
  --color-summer-bronze: #b25e2a;
  --color-text-label-muted: #b5b5c3;
  --color-summer-hero-text-soft: #bfd0ff;
  --color-summer-border-mint: #bfe8d8;
  --color-text-silver: #c3cad9;
  --color-summer-text-muted: #c5cfdc;
  --color-summer-border-focus: #c7ddff;
  --color-summer-gold-dark: #c98f00;
  --color-summer-border-blue: #c9dfff;
  --color-summer-line-muted: #cbd2e0;
  --color-summer-border-gray: #cdd2dd;
  --color-gray-progress: #d1d5dc;
  --color-summer-blue-wash: #d3e4ff;
  --color-bg-metric-muted: #d6d9e0;
  --color-summer-blue-muted: #d6e5fc;
  --color-danger-bs-red: #d9534f;
  --color-summer-gold: #d99a06;
  --color-bg-button-muted: #dadde1;
  --color-border-dc: #dcdcdc;
  --color-summer-blue-soft: #dcebff;
  --color-summer-border-table: #dde4ee;
  --color-danger-coral-deep: #de4f41;
  --color-marketplace-ebay: #e14434;
  --color-summer-bronze-light: #e2a377;
  --color-bg-checkbox-off: #e2dede;
  --color-summer-line: #e4e7ee;
  --color-summer-panel-blue: #e4efff;
  --color-gray-divider: #e5e5e5;
  --color-summer-green-soft: #e5f7ee;
  --color-promo-red: #e66767;
  --color-summer-border-light: #e6eaf1;
  --color-primary-wash-sky: #e6f3ff;
  --color-summer-accent-gold: #e8a907;
  --color-primary-google-wash: #e8f0fe;
  --color-summer-bg-muted: #e9ebf0;
  --color-summer-panel-blue-light: #eaf3ff;
  --color-bg-row-muted: #ebecf5;
  --color-bg-label-alt: #ebedf1;
  --color-summer-bg-table: #edf1f7;
  --color-primary-wash-extra: #eef3ff;
  --color-bg-highlight-blue: #f0f5fa;
  --color-summer-blue-tint: #f0f6ff;
  --color-bg-primary-light: #f0f7ff;
  --color-summer-peach-border: #f2d6bb;
  --color-summer-bg-card-alt: #f2f3f7;
  --color-bg-gray-50: #f3f4f6;
  --color-summer-gold-hi: #f5c24b;
  --color-bg-page-alt: #f5f6f8;
  --color-bg-onboarding-blue: #f5faff;
  --color-summer-warm-bg: #f6dfcb;
  --color-bg-neutral-page: #f6f6f6;
  --color-summer-bg-subtle: #f6f8fc;
  --color-summer-gold-border: #f7de9a;
  --color-bg-f8-gray: #f8f8f8;
  --color-bg-bootstrap-light: #f8f9fa;
  --color-bg-page-soft: #f8f9fc;
  --color-bg-gray-50-alt: #f9fafb;
  --color-summer-peach-bg: #fae8d7;
  --color-bg-fa: #fafafa;
  --color-summer-bg-frost: #fbfdff;
  --color-summer-mint-bg: #fbfffd;
  --color-summer-gold-pale: #ffd983;
  --color-summer-gold-light: #ffe9a8;
  --color-summer-gold-bg: #ffeebb;
  --color-summer-gold-soft: #fff6de;
  --color-affiliate-highlight-bg: rgb(253, 242, 208);

  /* Layout tokens (non-color) */
  --padding-y-inner-elements: 6px;
  --padding-containers: 20px;
  --border-radius-1: 4px;
  --border-radius-2: 8px;
  --border-radius-3: 6px;
  --border-input-elements: 1px solid var(--color-border-input);
  --border-color-1: var(--color-border-strong);

  /* Back-compat aliases */
  --primary-color: var(--color-primary);
  --primary-color-light: var(--color-primary-soft);
  --primary-color-light-text: var(--color-primary-muted-text);
  --primary-color-faded: var(--color-primary-faded);
  --primary-color-grey: var(--color-bg-muted);
  --text-color-label: var(--color-text-body);
  --text-color-table: var(--color-text);
  --text-color-grey: var(--color-text-subtle);
  --label-background-color: var(--color-bg-label);
  --header-background-color: var(--color-bg-header);

  /* Auth aliases (login.css) */
  --auth-bg-dark: #1b1b28;
  --auth-primary: var(--color-primary);
  --auth-primary-hover: var(--color-primary-hover);
  --auth-text: var(--color-text);
  --auth-text-muted: #5a6474;
  --auth-text-subtle: #8a93a6;
  --auth-border: var(--color-border);
  --auth-tab-bg: #f1f4f9;
  --auth-input-focus-shadow: var(--shadow-focus-primary);
}

html[data-theme="dark"] {
  --color-primary: #0065fc;
  --color-primary-hover: #68a1ff;
  --color-primary-active: #1673ff;
  --color-primary-soft: #152a4a;
  --color-primary-soft-2: #1a3058;
  --color-primary-soft-3: #122440;
  --color-primary-faded: #1e3a5f;
  --color-primary-muted-text: #7dafef;
  --color-primary-border: #2a4a7a;
  --color-primary-legacy: #52addb;

  --color-bg-app: #0f1117;
  --color-bg-surface: #1a1d27;
  --color-bg-surface-rgb: 26, 29, 39;
  --color-bg-muted: #222633;
  --color-bg-subtle: #1e2230;
  --color-bg-header: #252a38;
  --color-bg-label: #2a3040;
  --color-bg-hover: #2a3142;
  --color-bg-input: #151822;
  --color-bg-sidebar: #14161f;
  --color-bg-sidebar-hover: #1e2230;
  --color-segment-track: #222633;
  --color-bg-overlay: rgba(0, 0, 0, 0.65);
  --color-bg-overlay-light: rgba(0, 0, 0, 0.4);
  --color-bg-scrim: rgba(0, 0, 0, 0.65);
  --color-overlay-slate: rgba(0, 0, 0, 0.65);
  --color-table-metric-header: #2a3040;
  --color-table-metric-cell: #222633;

  --color-text: #e8e9ed;
  --color-text-secondary: #c9cbd4;
  --color-text-body: #d1d3db;
  --color-text-label: #9aa0b4;
  --color-text-muted: #8a8fa3;
  --color-text-nav: #b0b4c4;
  --color-text-subtle: #7a7e94;
  --color-text-placeholder: #6b7280;
  --color-text-inverse: #1b1b28;
  --color-text-link: #68a1ff;
  --color-text-on-primary: #ffffff;

  --color-illus-heading: #e8e9ed;
  --color-illus-desc: #9aa0b4;

  --color-tooltip-bg: #2a3142;
  --color-tooltip-text: #e8e9ed;

  --color-border: #2e3344;
  --color-border-strong: #3a4055;
  --color-border-input: #3a4055;
  --color-border-muted: #2a2f3d;
  --color-border-subtle: #2e3344;
  --color-border-focus: #4091ff;

  --color-danger: #ff7c8b;
  --color-danger-hover: #ff586c;
  --color-danger-text: #ff9aa5;
  --color-danger-soft: #3a1c22;
  --color-danger-border: #5a2a32;
  --color-danger-strong: #ff586b;

  --color-success: #2fd09e;
  --color-success-hover: #6ee7a0;
  --color-success-text: #6ee7a0;
  --color-success-soft: #163528;
  --color-success-border: #1e4a35;
  --color-success-legacy: #4cae4c;
  --color-success-bright: #4bc97e;
  --color-success-soft-bright: rgba(75, 201, 126, 0.14);

  /* Auto Messages / soft icon tiles (dark) — brighter glyphs + tinted bgs */
  --color-msg-purchased: #6fa6ff;
  --color-msg-purchased-bg: rgba(111, 166, 255, 0.18);
  --color-msg-shipped: #e9a959;
  --color-msg-shipped-bg: rgba(233, 169, 89, 0.18);
  --color-msg-tracking: #55c6d2;
  --color-msg-tracking-bg: rgba(85, 198, 210, 0.16);
  --color-msg-delivered: #4bc97e;
  --color-msg-delivered-bg: rgba(75, 201, 126, 0.18);

  --color-tile-blue: var(--color-msg-purchased);
  --color-tile-blue-bg: var(--color-msg-purchased-bg);
  --color-tile-blue-soft-bg: var(--color-msg-purchased-bg);
  --color-tile-green: var(--color-msg-delivered);
  --color-tile-green-bg: var(--color-msg-delivered-bg);
  --color-tile-amber: var(--color-msg-shipped);
  --color-tile-amber-bg: var(--color-msg-shipped-bg);

  --color-warning: #ffb733;
  --color-warning-hover: #ffc966;
  --color-warning-text: #e8cf8e;
  --color-warning-soft: #3a2e14;
  --color-warning-border: #5a4520;
  --color-warning-legacy: #f0ad4e;

  --color-summer-sidebar-bg: #3a3220;
  --color-summer-sidebar-border: #6a5a38;
  --color-summer-sidebar-border-hover: #8a7348;
  --color-summer-sidebar-border-active: #e2b23c;
  --color-summer-sidebar-cta: #eab534;
  --color-summer-sidebar-medal-bg: #4a3d28;
  --color-summer-sidebar-cta-bg: #c9941a;
  --color-summer-sidebar-cta-text: #ffffff;

  --color-amber-text: #e8cf8e;

  --color-banner-yellow-bg: #3a3220;
  --color-banner-yellow-border: #6a5a38;
  --color-banner-yellow-accent: #ffb733;
  --color-banner-red-bg: #3a1c22;
  --color-banner-red-border: #ff7c8b;
  --color-banner-red-icon: #ff9aa5;
  --color-banner-red-button: #ff586b;
  --color-banner-blue-bg: #153040;

  --color-info: #55c3f8;
  --color-info-text: #85c5e5;
  --color-info-soft: #153040;
  --color-info-border: #1e4458;
  --color-info-legacy: #5bc0de;

  --color-gray-50: #1a1d27;
  --color-gray-100: #222633;
  --color-gray-200: #2e3344;
  --color-gray-300: #4a4d63;
  --color-gray-400: #6a7282;
  --color-gray-500: #8a8fa3;
  --color-gray-600: #9aa0b4;
  --color-gray-700: #b0b4c4;
  --color-gray-800: #c9cbd4;
  --color-gray-900: #e8e9ed;
  --color-black: #000000;

  --color-accent-purple: #a78bfa;
  --color-accent-purple-2: #c084fc;
  --color-accent-green: #a3e635;
  --color-accent-cyan: #38bdf8;
  --color-chart-grid: #2e3344;
  --color-chart-zero: #3a4055;
  --color-chart-tick: #8a8fa3;

  --shadow-focus-primary: 0 0 0 2px rgba(64, 145, 255, 0.35);
  --shadow-focus-primary-soft: 0 0 0 3px rgba(64, 145, 255, 0.2);
  --shadow-dropdown: 0 8px 28px var(--color-black-alpha-50);
  --shadow-navbar-pill: 0 1px 2px var(--color-black-alpha-30), 0 1px 3px var(--color-black-alpha-50);
  --shadow-navbar-popover: var(--shadow-dropdown);
  --color-primary-alpha-15: rgba(64, 145, 255, 0.15);
  --color-primary-alpha-30: rgba(64, 145, 255, 0.3);
  --color-primary-alpha-10: rgba(64, 145, 255, 0.1);
  --color-black-alpha-05: rgba(255, 255, 255, 0.04);
  --color-black-alpha-10: rgba(255, 255, 255, 0.08);
  --color-black-alpha-12: rgba(255, 255, 255, 0.1);
  --color-black-alpha-15: rgba(255, 255, 255, 0.12);
  --color-black-alpha-25: rgba(0, 0, 0, 0.4);
  --color-black-alpha-30: rgba(0, 0, 0, 0.45);
  --color-black-alpha-50: rgba(0, 0, 0, 0.6);
  --color-black-alpha-75: rgba(0, 0, 0, 0.8);
  --color-black-alpha-80: rgba(0, 0, 0, 0.85);
  --color-black-alpha-90: rgba(0, 0, 0, 0.92);
  --color-white-alpha-10: rgba(255, 255, 255, 0.08);
  --color-white-alpha-15: rgba(255, 255, 255, 0.12);
  --color-white-alpha-30: rgba(255, 255, 255, 0.3);
  --color-white-alpha-50: rgba(255, 255, 255, 0.45);
  --color-white-alpha-70: rgba(255, 255, 255, 0.65);
  --color-white-alpha-95: rgba(255, 255, 255, 0.95);
  --color-slate-alpha-06: rgba(255, 255, 255, 0.04);
  --color-slate-alpha-12: rgba(255, 255, 255, 0.08);

  --color-overlay-action-bg: var(--color-bg-surface);
  --color-overlay-action-border: var(--color-border-strong);
  --color-overlay-action-text: var(--color-text);
  --color-overlay-action-bg-hover: var(--color-bg-hover);
  --color-overlay-action-text-hover: var(--color-primary);

  --color-panel-veil: rgba(26, 29, 39, 0.95);

  --color-black-alpha-03: rgba(255, 255, 255, 0.03);
  --color-black-alpha-04: rgba(255, 255, 255, 0.04);
  --color-black-alpha-06: rgba(255, 255, 255, 0.06);
  --color-black-alpha-20: rgba(0, 0, 0, 0.35);
  --color-black-alpha-22: rgba(0, 0, 0, 0.4);
  --color-white-alpha-06: rgba(255, 255, 255, 0.06);
  --color-white-alpha-08: rgba(255, 255, 255, 0.08);
  --color-white-alpha-12: rgba(255, 255, 255, 0.12);
  --color-white-alpha-60: rgba(255, 255, 255, 0.6);
  --color-white-alpha-80: rgba(255, 255, 255, 0.8);
  --color-white-alpha-85: rgba(255, 255, 255, 0.85);
  --color-slate-alpha-00: rgba(255, 255, 255, 0);
  --color-slate-alpha-04: rgba(255, 255, 255, 0.04);
  --color-slate-alpha-08: rgba(255, 255, 255, 0.06);
  --color-slate-alpha-09: rgba(255, 255, 255, 0.07);
  --color-slate-alpha-10: rgba(255, 255, 255, 0.08);
  --color-slate-alpha-14: rgba(255, 255, 255, 0.1);
  --color-slate-alpha-16: rgba(255, 255, 255, 0.12);
  --color-slate-alpha-18: rgba(255, 255, 255, 0.14);
  --color-slate-alpha-22: rgba(255, 255, 255, 0.16);
  --color-ink-alpha-07: rgba(0, 0, 0, 0.2);
  --color-ink-alpha-08: rgba(0, 0, 0, 0.25);
  --color-ink-alpha-18: rgba(0, 0, 0, 0.35);
  --color-ink-alpha-45: rgba(0, 0, 0, 0.55);
  --color-ink-alpha-55: rgba(0, 0, 0, 0.65);
  --color-ink-alpha-75: rgba(0, 0, 0, 0.8);
  --color-primary-alpha-12: rgba(64, 145, 255, 0.12);
  --color-primary-alpha-24: rgba(64, 145, 255, 0.24);
  --color-primary-alpha-25: rgba(64, 145, 255, 0.25);
  --color-primary-alpha-28: rgba(64, 145, 255, 0.28);
  --color-primary-alpha-50: rgba(64, 145, 255, 0.5);
  --color-gray-alpha-10: rgba(138, 143, 163, 0.15);
  --color-success-alpha-18: rgba(47, 208, 158, 0.2);
  --color-primary-soft-wash: rgba(30, 58, 95, 0.5);
  --color-scrim-near-black: rgba(0, 0, 0, 0.8);
  /* document + carrier brands intentionally unchanged in dark */

  --auth-bg-dark: #0f1117;
  --auth-text-muted: #9aa0b4;
  --auth-text-subtle: #8a8fa3;
  /* Renamed literal tokens — dark overrides */
  --color-bg-bootstrap-subtle: #222633;
  --color-bg-dark-panel: #14161f;
  --color-bg-disabled: #2a3040;
  --color-bg-form: #1a1d27;
  --color-bg-frost-alt: #1e2230;
  --color-bg-frost: #1e2230;
  --color-bg-hover-alt: #2a3142;
  --color-bg-info-subtle: #1a3058;
  --color-bg-input-muted: #222633;
  --color-bg-neutral-light: #222633;
  --color-bg-panel-soft: #1e2230;
  --color-bg-popup: #1a1d27;
  --color-bg-primary-tint: #1a3058;
  --color-bg-row-alt: #222633;
  --color-bg-row-hover: #2a3142;
  --color-bg-settings: #222633;
  --color-bg-slate-dark: #14161f;
  --color-bg-subtle-alt: #222633;
  --color-bg-toolbar: #222633;
  --color-border-blue-gray: #2a4a7a;
  --color-border-bootstrap: #2e3344;
  --color-border-card: #3a4055;
  --color-border-divider: #2e3344;
  --color-border-editor: #3a4055;
  --color-border-faint: #2e3344;
  --color-border-gray-300: #3a4055;
  --color-border-input-muted: #3a4055;
  --color-border-light-gray: #3a4055;
  --color-border-muted-light: #2e3344;
  --color-border-muted-ui: #3a4055;
  --color-border-muted-warm: #3a4055;
  --color-border-neutral: #3a4055;
  --color-border-panel: #2e3344;
  --color-border-subtle-alt: #2e3344;
  --color-border-table: #2e3344;
  --color-border-toolbar: #3a4055;
  --color-border-ui: #2e3344;
  --color-danger-border-light: #5a2a32;
  --color-danger-border-soft: #5a2a32;
  --color-danger-row-soft: #3a1c22;
  --color-danger-soft-bootstrap: #3a1c22;
  --color-danger-soft-pink: #3a1c22;
  --color-danger-soft-rose: #3a1c22;
  --color-danger-wash-faint: #3a1c22;
  --color-danger-wash-light: #3a1c22;
  --color-danger-wash-pale: #3a1c22;
  --color-danger-wash-soft: #3a1c22;
  --color-danger-wash: #3a1c22;
  --color-info-wash: #153040;
  --color-primary-tint-light: #2a4a7a;
  --color-primary-tint-pale: #2a4a7a;
  --color-primary-tint-soft: #2a4a7a;
  --color-primary-wash-alt: #152a4a;
  --color-primary-wash-bg: #152a4a;
  --color-primary-wash-faint: #122440;
  --color-primary-wash-light: #1a3058;
  --color-primary-wash-panel: #1a3058;
  --color-primary-wash-soft: #152a4a;
  --color-success-soft-bootstrap: #163528;
  --color-success-soft-pale: #163528;
  --color-success-wash-light: #163528;
  --color-success-wash: #163528;
  --color-teal-wash: #163528;
  --color-text-almost-black: #e8e9ed;
  --color-text-bootstrap-dark: #e8e9ed;
  --color-text-bootstrap-muted: #8a8fa3;
  --color-text-border-gray: #6a7282;
  --color-text-border-muted: #6a7282;
  --color-text-charcoal: #e8e9ed;
  --color-text-chrome: #8a8fa3;
  --color-text-disabled-mid: #6a7282;
  --color-text-disabled-strong: #6a7282;
  --color-text-disabled: #6a7282;
  --color-text-extension: #8a8fa3;
  --color-text-faint: #6a7282;
  --color-text-gray-code: #9aa0b4;
  --color-text-gray-icon: #8a8fa3;
  --color-text-gray-light: #8a8fa3;
  --color-text-gray-mid: #9aa0b4;
  --color-text-gray-neutral: #8a8fa3;
  --color-text-gray-web: #8a8fa3;
  --color-text-gray: #9aa0b4;
  --color-text-ink: #e8e9ed;
  --color-text-label-dark: #9aa0b4;
  --color-text-label-light: #9aa0b4;
  --color-text-label-slate: #9aa0b4;
  --color-text-label-ui: #9aa0b4;
  --color-text-muted-chrome: #8a8fa3;
  --color-text-muted-dark: #9aa0b4;
  --color-text-muted-light: #8a8fa3;
  --color-text-muted-mid: #8a8fa3;
  --color-text-muted-ui: #8a8fa3;
  --color-text-nav-muted: #b0b4c4;
  --color-text-olive-gray: #c9cbd4;
  --color-text-placeholder-alt: #6b7280;
  --color-text-secondary-dark: #9aa0b4;
  --color-text-slate-dark: #c9cbd4;
  --color-text-slate-mid: #8a8fa3;
  --color-text-slate: #c9cbd4;
  --color-text-subtle-light: #8a8fa3;
  --color-warning-highlight-soft: #3a2e14;
  --color-warning-soft-gold: #3a3220;
  --color-warning-wash-light: #3a3220;
  --color-warning-wash: #3a3220;

  /* App literals — dark overrides */
  --color-summer-ink: #e8e9ed;
  --color-text-heading-dark: #e8e9ed;
  --color-text-dark-muted: #c9cbd4;
  --color-text-body-muted: #9aa0b4;
  --color-summer-muted: #9aa0b4;
  --color-text-ui-muted: #8a8fa3;
  --color-text-pricing: #9aa0b4;
  --color-summer-label: #8a8fa3;
  --color-text-settings-muted: #8a8fa3;
  --color-text-gray-999: #8a8fa3;
  --color-text-onboarding-label: #8a8fa3;
  --color-text-feedback-label: #8a8fa3;
  --color-text-label-muted: #9aa0b4;
  --color-text-silver: #8a8fa3;
  --color-summer-text-muted: #8a8fa3;
  --color-summer-line-muted: #3a4055;
  --color-summer-border-gray: #3a4055;
  --color-gray-progress: #3a4055;
  --color-summer-blue-wash: #152a4a;
  --color-bg-metric-muted: #2a3142;
  --color-summer-blue-muted: #1a3058;
  --color-bg-button-muted: #2a3142;
  --color-border-dc: #2e3344;
  --color-summer-blue-soft: #1a3058;
  --color-summer-border-table: #2e3344;
  --color-bg-checkbox-off: #2a3142;
  --color-summer-line: #2e3344;
  --color-summer-panel-blue: #152a4a;
  --color-gray-divider: #2e3344;
  --color-summer-green-soft: #163528;
  --color-summer-border-light: #2e3344;
  --color-primary-wash-sky: #152a4a;
  --color-primary-google-wash: #152a4a;
  --color-summer-bg-muted: #222633;
  --color-summer-panel-blue-light: #1a3058;
  --color-bg-row-muted: #222633;
  --color-bg-label-alt: #222633;
  --color-summer-bg-table: #222633;
  --color-primary-wash-extra: #152a4a;
  --color-bg-highlight-blue: #1a3058;
  --color-summer-blue-tint: #152a4a;
  --color-bg-primary-light: #152a4a;
  --color-summer-bg-card-alt: #1e2230;
  --color-bg-gray-50: #222633;
  --color-bg-page-alt: #14161f;
  --color-bg-onboarding-blue: #152a4a;
  --color-summer-warm-bg: #3a2e20;
  --color-bg-neutral-page: #222633;
  --color-summer-bg-subtle: #1a1d27;
  --color-bg-f8-gray: #222633;
  --color-bg-bootstrap-light: #1a1d27;
  --color-bg-page-soft: #1a1d27;
  --color-bg-gray-50-alt: #1a1d27;
  --color-summer-peach-bg: #3a2e20;
  --color-bg-fa: #222633;
  --color-summer-bg-frost: #1e2230;
  --color-summer-mint-bg: #163528;
  --color-summer-gold-bg: #3a3220;
  --color-summer-gold-soft: #3a3220;
  --color-affiliate-highlight-bg: #3a3220;

  --auth-tab-bg: #222633;
}