/* Generated from palette-v4.json. Edit the palette and rerun render-palette-v4.py. */
.stinvar-site.stinvar-v4 {
  --stinvar-blue: #82B8EF;
  --stinvar-blue-ink: #346EAA;
  --stinvar-blue-core: #3E9BFF;
  --stinvar-metal: #9AA3AC;
  --stinvar-metal-shadow: #606B75;
  --stinvar-metal-reflection: #EDF0EF;
  --stinvar-metal-line: #45505A;
  --stinvar-steel-tint: #CCD1D5;
  --stinvar-anthracite: #151719;
  --stinvar-black: #0D1013;
  --stinvar-surface: #22282C;
  --stinvar-off-white: #F2F0EB;
  --stinvar-light-surface: #E5E7E6;
  --stinvar-light-line: #BFC6CA;
  --stinvar-light-muted: #5F6B75;
  --stinvar-ink-dark: #EEEFEA;
  --stinvar-ink-light: #242D35;
  --stinvar-accent: var(--stinvar-blue);
  --stinvar-canvas: var(--stinvar-anthracite);
  --stinvar-panel: var(--stinvar-surface);
  --stinvar-line: var(--stinvar-metal-line);
  --stinvar-ink: var(--stinvar-ink-dark);
  --stinvar-muted: var(--stinvar-metal);
  --stinvar-material-top: color-mix(in srgb, var(--stinvar-panel) 87%, var(--stinvar-metal-reflection));
  --stinvar-glow: color-mix(in srgb, var(--stinvar-accent) 28%, transparent);
  --stinvar-glow-soft: color-mix(in srgb, var(--stinvar-accent) 14%, transparent);
  --stinvar-material: linear-gradient(145deg, var(--stinvar-material-top), var(--stinvar-panel) 42%, var(--stinvar-canvas));
  --stinvar-material-inset: inset 0 1px color-mix(in srgb, var(--stinvar-metal-reflection) 10%, transparent);
}
html[data-theme='light'] .stinvar-site.stinvar-v4 {
  --stinvar-accent: var(--stinvar-blue-ink);
  --stinvar-canvas: var(--stinvar-off-white);
  --stinvar-panel: var(--stinvar-light-surface);
  --stinvar-line: var(--stinvar-light-line);
  --stinvar-ink: var(--stinvar-ink-light);
  --stinvar-muted: var(--stinvar-light-muted);
  --stinvar-material-top: color-mix(in srgb, var(--stinvar-panel) 60%, var(--stinvar-metal-reflection));
  --stinvar-material-inset: inset 0 1px color-mix(in srgb, var(--stinvar-metal-reflection) 78%, transparent);
}

/* Existing consumption meter excluded; retain v3 values until its separate design pass. */
.stinvar-v4 .bb-global-counter {
  --aqua: #82b8ef;
  --blue: #82b8ef;
  --line: #3a3b3c;
  --panel: #202122;
  --bg: #151617;
  --ink: #eeeae3;
  --muted: #a6a5a1;
  --text: #eeeae3;
  --bb-border: #3a3b3c;
  --bb-text: #eeeae3;
  --bb-muted: #a6a5a1;
  --bb-bg: #151617;
  --bb-surface: #202122;
  --bb-accent: #82b8ef;
  --bb-blue: #82b8ef;
  --tenant-accent: #82b8ef;
  --tenant-blue: #82b8ef;
  --st-bg: #151617;
  --st-line: #3a3b3c;
  --st-ink: #eeeae3;
}
html[data-theme='light'] .stinvar-v4 .bb-global-counter {
  --aqua: #346eaa;
  --blue: #346eaa;
  --line: #d1cec7;
  --panel: #e9e6df;
  --bg: #f2f0eb;
  --ink: #22292d;
  --muted: #656966;
  --text: #22292d;
  --bb-border: #b7d0dc;
  --bb-text: #12344d;
  --bb-muted: #4e6d7d;
  --bb-bg: #f2f0eb;
  --bb-surface: #f8fcfe;
  --bb-accent: #078fa9;
  --bb-blue: #346eaa;
  --tenant-accent: #346eaa;
  --tenant-blue: #346eaa;
  --st-bg: #f2f0eb;
  --st-line: #d1cec7;
  --st-ink: #22292d;
}