/* PriceBot: colori, caratteri, misure. Il giallo del cartellino è riservato alle offerte sotto soglia.
   Struttura a tre piani ben distinti: barra laterale scura, fondo pagina freddo, riquadri bianchi con ombra. */
:root {
  --paper: #e8ecf2;
  --surface: #ffffff;
  --surface-2: #f5f7fb;
  --sunken: #e2e7ef;
  --line: #d6dce6;
  --line-strong: #b8c1ce;
  --ink: #131a26;
  --ink-2: #3c4657;
  --ink-3: #5c6575;
  --accent: #2453d6;
  --accent-ink: #ffffff;
  --accent-soft: #e2e9fc;
  --tag: #ffd23f;
  --tag-ink: #1d1a0d;
  --tag-soft: #fff4c8;
  --near: #fbecc2;
  --ok: #137a4a;
  --ok-soft: #dcf2e5;
  --warn: #9c6106;
  --warn-soft: #faeed6;
  --bad: #b8322a;
  --bad-soft: #fbe3e1;
  --wh: #6345d4;
  --wh-soft: #ece8fc;

  /* Barra laterale */
  --rail-bg: #121a2b;
  --rail-ink: #aeb8cd;
  --rail-ink-strong: #ffffff;
  --rail-hover: rgba(255, 255, 255, .06);
  --rail-active: #22304d;
  --rail-line: rgba(255, 255, 255, .08);

  /* Intestazioni di tabella e di gruppo */
  --head-bg: #eef2f8;
  --group-bg: #e6edfb;
  --group-ink: #1b3a8f;

  /* Grafici */
  --series-vps: #8a95a8;
  --series-node: #2453d6;
  --band-node: rgba(36, 83, 214, .08);

  --shadow-card: 0 1px 2px rgba(18, 26, 43, .07), 0 2px 10px rgba(18, 26, 43, .05);
  --shadow: 0 1px 2px rgba(18, 26, 43, .08), 0 4px 14px rgba(18, 26, 43, .08);
  --shadow-lg: 0 10px 40px rgba(18, 26, 43, .22);

  --font: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-num: 'IBM Plex Sans Condensed', 'IBM Plex Sans', system-ui, sans-serif;
  --fs-xs: 12px;
  --fs-s: 13px;
  --fs-m: 14px;
  --fs-l: 16px;
  --fs-xl: 20px;
  --fs-2xl: 26px;
  --fs-3xl: 34px;

  --r-s: 5px;
  --r-m: 8px;
  --r-l: 12px;
  --rail-w: 212px;
  --bar-h: 60px;
  --gutter: 28px;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #0c1016;
    --surface: #161c26;
    --surface-2: #1b2230;
    --sunken: #0a0d12;
    --line: #262f3d;
    --line-strong: #384355;
    --ink: #e8ecf2;
    --ink-2: #b0b9c7;
    --ink-3: #8b95a4;
    --accent: #7b97ff;
    --accent-ink: #0c1230;
    --accent-soft: #1c2645;
    --tag-soft: #3a3214;
    --near: #2f2a17;
    --ok: #3cc583;
    --ok-soft: #12291e;
    --warn: #e4a23c;
    --warn-soft: #2e2413;
    --bad: #f0675e;
    --bad-soft: #301a19;
    --wh: #a593f5;
    --wh-soft: #241f3d;
    --rail-bg: #070a0f;
    --rail-ink: #98a3b8;
    --rail-active: #1a2336;
    --head-bg: #121823;
    --group-bg: #182339;
    --group-ink: #b4c4ff;
    --series-vps: #6f7a8e;
    --series-node: #7b97ff;
    --band-node: rgba(123, 151, 255, .10);
    --shadow-card: 0 1px 2px rgba(0, 0, 0, .45);
    --shadow: 0 1px 2px rgba(0, 0, 0, .4);
    --shadow-lg: 0 10px 40px rgba(0, 0, 0, .55);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --paper: #0c1016;
  --surface: #161c26;
  --surface-2: #1b2230;
  --sunken: #0a0d12;
  --line: #262f3d;
  --line-strong: #384355;
  --ink: #e8ecf2;
  --ink-2: #b0b9c7;
  --ink-3: #8b95a4;
  --accent: #7b97ff;
  --accent-ink: #0c1230;
  --accent-soft: #1c2645;
  --tag-soft: #3a3214;
  --near: #2f2a17;
  --ok: #3cc583;
  --ok-soft: #12291e;
  --warn: #e4a23c;
  --warn-soft: #2e2413;
  --bad: #f0675e;
  --bad-soft: #301a19;
  --wh: #a593f5;
  --wh-soft: #241f3d;
  --rail-bg: #070a0f;
  --rail-ink: #98a3b8;
  --rail-active: #1a2336;
  --head-bg: #121823;
  --group-bg: #182339;
  --group-ink: #b4c4ff;
  --series-vps: #6f7a8e;
  --series-node: #7b97ff;
  --band-node: rgba(123, 151, 255, .10);
  --shadow-card: 0 1px 2px rgba(0, 0, 0, .45);
  --shadow: 0 1px 2px rgba(0, 0, 0, .4);
  --shadow-lg: 0 10px 40px rgba(0, 0, 0, .55);
  color-scheme: dark;
}