/* Semantic colors for every product surface. Neutral graphite + Steel, specific to Price_Outpost. */
:root {
  --select-chevron: url("/static/chevron-light.svg");
  --bg: #f6f7f8;
  --surface: #ffffff;
  --surface-subtle: #e9edf2;
  --ink: #292b30;
  --muted: #60646e;
  --accent: #526a82;
  --accent-hover: #435a71;
  --on-accent: #ffffff;
  --accent-soft: #e9edf2;
  --line: #d6d8de;
  --control-line: #808994;
  --focus: #526a82;
  --success: #25634b;
  --success-bg: #e3f2e9;
  --danger: #a52c37;
  --danger-bg: #fbe7e9;
  --warning: #755100;
  --warning-bg: #fff1cc;
  --feature-bg: #2c333e;
  --feature-ink: #eef0f3;
  --feature-muted: #bec7d2;
  --feature-accent: #b2c2d4;
  --feature-line: #7d8b9d;
  --chart-line: #526a82;
  --chart-grid: #aeb9c6;
  --backdrop: #1b1c1f99;
  --shadow: #1b1c1f26;
  color-scheme: light;
}
:root[data-theme="dark"] {
  --select-chevron: url("/static/chevron-dark.svg");
  --bg: #1b1c1f;
  --surface: #24262a;
  --surface-subtle: #30343a;
  --ink: #eeeff1;
  --muted: #b8bbc2;
  --accent: #a1b2c6;
  --accent-hover: #bdc9d8;
  --on-accent: #24262a;
  --accent-soft: #2c333e;
  --line: #44474f;
  --control-line: #858c97;
  --focus: #b2c2d4;
  --success: #9bd6b5;
  --success-bg: #1e3b30;
  --danger: #ffb2b8;
  --danger-bg: #48272e;
  --warning: #f4cf78;
  --warning-bg: #3d3420;
  --feature-bg: #2c333e;
  --feature-ink: #eef0f3;
  --feature-muted: #bec7d2;
  --feature-accent: #b2c2d4;
  --feature-line: #7d8b9d;
  --chart-line: #a1b2c6;
  --chart-grid: #6a7686;
  --backdrop: #09070bbf;
  --shadow: #00000066;
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --select-chevron: url("/static/chevron-dark.svg");
    --bg: #1b1c1f;
    --surface: #24262a;
    --surface-subtle: #30343a;
    --ink: #eeeff1;
    --muted: #b8bbc2;
    --accent: #a1b2c6;
    --accent-hover: #bdc9d8;
    --on-accent: #24262a;
    --accent-soft: #2c333e;
    --line: #44474f;
    --control-line: #858c97;
    --focus: #b2c2d4;
    --success: #9bd6b5;
    --success-bg: #1e3b30;
    --danger: #ffb2b8;
    --danger-bg: #48272e;
    --warning: #f4cf78;
    --warning-bg: #3d3420;
    --feature-bg: #2c333e;
    --feature-ink: #eef0f3;
    --feature-muted: #bec7d2;
    --feature-accent: #b2c2d4;
    --feature-line: #7d8b9d;
    --chart-line: #a1b2c6;
    --chart-grid: #6a7686;
    --backdrop: #09070bbf;
    --shadow: #00000066;
    color-scheme: dark;
  }
}