:root {
  --bg-primary: #030712;
  --bg-panel: rgba(16, 24, 39, 0.94);
  --bg-panel-alt: rgba(9, 14, 26, 0.92);
  --text-primary: #f8fafc;
  --text-muted: #94a3b8;
  --accent: #f97316;
  --accent-strong: #fb923c;
  --accent-soft: rgba(249, 115, 22, 0.18);
  --border-color: rgba(59, 130, 246, 0.18);
  --border-color-strong: rgba(148, 163, 184, 0.45);
  --paper-color: rgba(16, 24, 39, 0.94);
  --background-color: rgba(9, 14, 26, 0.92);
  --annotation-background-color: rgba(15, 23, 42, 0.88);
  --hover-background-color: rgba(30, 41, 59, 0.92);
  --surface-overlay: rgba(15, 23, 42, 0.5);
  --surface-overlay-light: rgba(226, 232, 240, 0.7);
  --surface-layer-strong: rgba(15, 23, 42, 0.92);
  --surface-layer-hover: rgba(30, 41, 59, 0.85);
  --border-color-grey: rgba(148, 163, 184, 0.45);
  --border-color-lightgrey: rgba(59, 130, 246, 0.18);
  --text-color-lightgrey: #94a3b8;
  --text-color-white: #f8fafc;
  --text-color-yellow: #facc15;
  --text-color-green: #34d399;
  --text-color-red: #f87171;
  --favorite-color: #facc15;
  --text-contrast: rgba(226, 232, 240, 0.92);
  --text-secondary: rgba(226, 232, 240, 0.8);
  --text-subtle: rgba(226, 232, 240, 0.78);
  --text-subtle-strong: rgba(226, 232, 240, 0.86);
  --text-subtle-bright: rgba(226, 232, 240, 0.88);
  --text-muted-soft: rgba(148, 163, 184, 0.85);
  --text-muted-medium: rgba(148, 163, 184, 0.90);
  --text-muted-bright: rgba(148, 163, 184, 0.92);
  --text-muted-light: rgba(148, 163, 184, 0.95);
  --text-inverse: #0f172a;
  --shadow-color: rgba(2, 6, 23, 0.6);
  --accent-border: rgba(249, 115, 22, 0.28);
  --accent-shadow: rgba(249, 115, 22, 0.12);
  --accent-glow: rgba(249, 115, 22, 0.90);
  --accent-bg-strong: rgba(249, 115, 22, 0.92);
  --accent-bg-soft: rgba(249, 115, 22, 0.12);
  --accent-border-strong: rgba(249, 115, 22, 0.45);
  --glass-soft: rgba(15, 23, 42, 0.60);
  --glass-strong: rgba(15, 23, 42, 0.82);
  --glass-footer: rgba(15, 23, 42, 0.55);
  --glass-footer-strong: rgba(15, 23, 42, 0.75);
  --surface-layer: rgba(15, 23, 42, 0.68);
  --surface-layer-soft: rgba(15, 23, 42, 0.64);
  --surface-layer-faint: rgba(15, 23, 42, 0.40);
  --surface-layer-chip: rgba(15, 23, 42, 0.85);
  --surface-layer-pill: rgba(15, 23, 42, 0.72);
  --surface-alert-bg: rgba(239, 68, 68, 0.12);
  --surface-alert-border: rgba(239, 68, 68, 0.28);
  --brand-surface: rgba(59, 130, 246, 0.18);
  --brand-border-soft: rgba(59, 130, 246, 0.12);
  --brand-border-faint: rgba(59, 130, 246, 0.10);
  --brand-border-strong: rgba(59, 130, 246, 0.24);
  --shadow-card: rgba(3, 6, 18, 0.55);
  --shadow-soft: rgba(8, 11, 22, 0.45);
  --gauge-color-start: #60a5fa;
  --gauge-color-end: #ef4444;
  --top-panel-price: #60a5fa;
  --top-panel-realized-sth: #f97316;
  --top-panel-realized-lth: #34d399;
  --top-panel-meanprice: #c084fc;
  --price-line-color: #7c8a9c;
  --price-fill-color: rgba(78, 89, 101, 0.25);
  --price-155-color: #facc15;
  --var1-line-color: #3b82f6;
  --var2-line-color: #a855f7;
  --var3-line-color: #facc15;
  --varS-line-color: #34d399;
  --histo-bar_color: rgba(249, 115, 22, 0.70);
  --tooltip-bg-color: #f8f9fa;
  --tooltip-text-color: #0f172a;
  --site-nav-link-active: #f97316;
  --site-nav-link-hover: #fb923c;
  --site-nav-badge-bg: rgba(249, 115, 22, 0.18);
  --site-nav-badge-text: #fb923c;
  --gradient-radial-start: #0b132b;
  --gradient-radial-mid: rgba(6, 12, 24, 0.85);
  --nav-glass-gradient: linear-gradient(135deg, rgba(15, 23, 42, 0.82), rgba(15, 23, 42, 0.6));
  --footer-gradient: linear-gradient(135deg, rgba(15, 23, 42, 0.75), rgba(15, 23, 42, 0.55));
  --badge-gradient: linear-gradient(135deg, rgba(249, 115, 22, 0.20), rgba(249, 115, 22, 0.05));
  --chip-gradient: linear-gradient(90deg, rgba(249, 115, 22, 0), rgba(249, 115, 22, 0.9), rgba(249, 115, 22, 0));
  --axis-color: rgba(148, 163, 184, 0.35);
  --grid-color: rgba(148, 163, 184, 0.12);
}

html.dark-mode:root {
  color-scheme: dark;
}

html.light-mode:root {
  color-scheme: light;
}

html.light-mode,
html.light-color,
html[data-theme="light"],
html[data-color-scheme="light"],
html[data-user-color-scheme="light"] {
  --bg-primary: #f5f7ff;
  --bg-panel: #ffffff;
  --bg-panel-alt: #f1f5f9;
  --text-primary: #0f172a;
  --text-muted: #4b5563;
  --accent: #f97316;
  --accent-strong: #ea580c;
  --accent-soft: rgba(249, 115, 22, 0.16);
  --border-color: rgba(148, 163, 184, 0.45);
  --border-color-strong: rgba(100, 116, 139, 0.6);
  --paper-color: #ffffff;
  --background-color: #f1f5f9;
  --annotation-background-color: #e2e8f0;
  --hover-background-color: #dbeafe;
  --surface-overlay: rgba(148, 163, 184, 0.25);
  --surface-overlay-light: rgba(148, 163, 184, 0.15);
  --surface-layer-strong: rgba(226, 232, 240, 0.92);
  --surface-layer-hover: rgba(209, 213, 219, 0.85);
  --border-color-grey: rgba(100, 116, 139, 0.6);
  --border-color-lightgrey: rgba(148, 163, 184, 0.45);
  --text-color-lightgrey: #4b5563;
  --text-color-white: #0f172a;
  --text-color-yellow: #d97706;
  --text-color-green: #34d399;
  --text-color-red: #e11d48;
  --favorite-color: #166534;
  --text-contrast: #1e293b;
  --text-secondary: #1f2937;
  --text-subtle: #374151;
  --text-subtle-strong: rgba(15, 23, 42, 0.82);
  --text-subtle-bright: rgba(15, 23, 42, 0.9);
  --text-muted-soft: rgba(71, 85, 105, 0.78);
  --text-muted-medium: rgba(71, 85, 105, 0.86);
  --text-muted-bright: rgba(71, 85, 105, 0.92);
  --text-muted-light: rgba(71, 85, 105, 0.94);
  --text-inverse: #f8fafc;
  --shadow-color: rgba(15, 23, 42, 0.12);
  --accent-border: rgba(249, 115, 22, 0.35);
  --accent-shadow: rgba(249, 115, 22, 0.18);
  --accent-glow: rgba(249, 115, 22, 0.92);
  --accent-bg-strong: rgba(249, 115, 22, 0.18);
  --accent-bg-soft: rgba(249, 115, 22, 0.12);
  --accent-border-strong: rgba(249, 115, 22, 0.45);
  --glass-soft: rgba(226, 232, 240, 0.85);
  --glass-strong: rgba(226, 232, 240, 0.95);
  --glass-footer: rgba(226, 232, 240, 0.75);
  --glass-footer-strong: rgba(226, 232, 240, 0.92);
  --surface-layer: rgba(226, 232, 240, 0.85);
  --surface-layer-soft: rgba(226, 232, 240, 0.78);
  --surface-layer-faint: rgba(226, 232, 240, 0.55);
  --surface-layer-chip: rgba(226, 232, 240, 0.95);
  --surface-layer-pill: rgba(226, 232, 240, 0.9);
  --surface-alert-bg: rgba(248, 113, 113, 0.18);
  --surface-alert-border: rgba(248, 113, 113, 0.38);
  --brand-surface: rgba(37, 99, 235, 0.12);
  --brand-border-soft: rgba(37, 99, 235, 0.22);
  --brand-border-faint: rgba(37, 99, 235, 0.18);
  --brand-border-strong: rgba(37, 99, 235, 0.32);
  --shadow-card: rgba(15, 23, 42, 0.12);
  --shadow-soft: rgba(15, 23, 42, 0.1);
  --gauge-color-start: #2563eb;
  --gauge-color-end: #f97316;
  --top-panel-price: #93a3b5;
  --top-panel-realized-sth: #1d4ed8;
  --top-panel-realized-lth: #0ea5e9;
  --top-panel-meanprice: #ea580c;
  --price-line-color: #93a3b5;
  --price-fill-color: rgba(147, 163, 181, 0.16);
  --price-155-color: #d97706;
  --var1-line-color: #1d4ed8;
  --var2-line-color: #7c3aed;
  --var3-line-color: #d97706;
  --varS-line-color: #059669;
  --histo-bar_color: rgba(37, 99, 235, 0.65);
  --tooltip-bg-color: #0f172a;
  --tooltip-text-color: #f8fafc;
  --site-nav-link-active: #f97316;
  --site-nav-link-hover: #ea580c;
  --site-nav-badge-bg: rgba(249, 115, 22, 0.16);
  --site-nav-badge-text: #ea580c;
  --gradient-radial-start: #f1f5f9;
  --gradient-radial-mid: rgba(203, 213, 225, 0.7);
  --nav-glass-gradient: linear-gradient(135deg, rgba(226, 232, 240, 0.85), rgba(226, 232, 240, 0.65));
  --footer-gradient: linear-gradient(135deg, rgba(226, 232, 240, 0.85), rgba(226, 232, 240, 0.65));
  --badge-gradient: linear-gradient(135deg, rgba(249, 115, 22, 0.18), rgba(249, 115, 22, 0.08));
  --chip-gradient: linear-gradient(90deg, rgba(249, 115, 22, 0), rgba(249, 115, 22, 0.75), rgba(249, 115, 22, 0));
  --axis-color: rgba(100, 116, 139, 0.45);
  --grid-color: rgba(148, 163, 184, 0.3);
}

@media (prefers-color-scheme: light) {
  html.auto-color {
  --bg-primary: #f5f7ff;
  --bg-panel: #ffffff;
  --bg-panel-alt: #f1f5f9;
  --text-primary: #0f172a;
  --text-muted: #4b5563;
  --accent: #f97316;
  --accent-strong: #ea580c;
  --accent-soft: rgba(249, 115, 22, 0.16);
  --border-color: rgba(148, 163, 184, 0.45);
  --border-color-strong: rgba(100, 116, 139, 0.6);
  --paper-color: #ffffff;
  --background-color: #f1f5f9;
  --annotation-background-color: #e2e8f0;
  --hover-background-color: #dbeafe;
  --surface-overlay: rgba(148, 163, 184, 0.25);
  --surface-overlay-light: rgba(148, 163, 184, 0.15);
  --surface-layer-strong: rgba(226, 232, 240, 0.92);
  --surface-layer-hover: rgba(209, 213, 219, 0.85);
  --border-color-grey: rgba(100, 116, 139, 0.6);
  --border-color-lightgrey: rgba(148, 163, 184, 0.45);
  --text-color-lightgrey: #4b5563;
  --text-color-white: #0f172a;
  --text-color-yellow: #d97706;
  --text-color-green: #34d399;
  --text-color-red: #e11d48;
  --favorite-color: #166534;
  --text-contrast: #1e293b;
  --text-secondary: #1f2937;
  --text-subtle: #374151;
  --text-subtle-strong: rgba(15, 23, 42, 0.82);
  --text-subtle-bright: rgba(15, 23, 42, 0.9);
  --text-muted-soft: rgba(71, 85, 105, 0.78);
  --text-muted-medium: rgba(71, 85, 105, 0.86);
  --text-muted-bright: rgba(71, 85, 105, 0.92);
  --text-muted-light: rgba(71, 85, 105, 0.94);
  --text-inverse: #f8fafc;
  --shadow-color: rgba(15, 23, 42, 0.12);
  --accent-border: rgba(249, 115, 22, 0.35);
  --accent-shadow: rgba(249, 115, 22, 0.18);
  --accent-glow: rgba(249, 115, 22, 0.92);
  --accent-bg-strong: rgba(249, 115, 22, 0.18);
  --accent-bg-soft: rgba(249, 115, 22, 0.12);
  --accent-border-strong: rgba(249, 115, 22, 0.45);
  --glass-soft: rgba(226, 232, 240, 0.85);
  --glass-strong: rgba(226, 232, 240, 0.95);
  --glass-footer: rgba(226, 232, 240, 0.75);
  --glass-footer-strong: rgba(226, 232, 240, 0.92);
  --surface-layer: rgba(226, 232, 240, 0.85);
  --surface-layer-soft: rgba(226, 232, 240, 0.78);
  --surface-layer-faint: rgba(226, 232, 240, 0.55);
  --surface-layer-chip: rgba(226, 232, 240, 0.95);
  --surface-layer-pill: rgba(226, 232, 240, 0.9);
  --surface-alert-bg: rgba(248, 113, 113, 0.18);
  --surface-alert-border: rgba(248, 113, 113, 0.38);
  --brand-surface: rgba(37, 99, 235, 0.12);
  --brand-border-soft: rgba(37, 99, 235, 0.22);
  --brand-border-faint: rgba(37, 99, 235, 0.18);
  --brand-border-strong: rgba(37, 99, 235, 0.32);
  --shadow-card: rgba(15, 23, 42, 0.12);
  --shadow-soft: rgba(15, 23, 42, 0.1);
  --gauge-color-start: #2563eb;
  --gauge-color-end: #f97316;
  --top-panel-price: #93a3b5;
  --top-panel-realized-sth: #1d4ed8;
  --top-panel-realized-lth: #0ea5e9;
  --top-panel-meanprice: #ea580c;
  --price-line-color: #93a3b5;
  --price-fill-color: rgba(147, 163, 181, 0.16);
  --price-155-color: #d97706;
  --var1-line-color: #1d4ed8;
  --var2-line-color: #7c3aed;
  --var3-line-color: #d97706;
  --varS-line-color: #059669;
  --histo-bar_color: rgba(37, 99, 235, 0.65);
  --tooltip-bg-color: #0f172a;
  --tooltip-text-color: #f8fafc;
  --site-nav-link-active: #f97316;
  --site-nav-link-hover: #ea580c;
  --site-nav-badge-bg: rgba(249, 115, 22, 0.16);
  --site-nav-badge-text: #ea580c;
  --gradient-radial-start: #f1f5f9;
  --gradient-radial-mid: rgba(203, 213, 225, 0.7);
  --nav-glass-gradient: linear-gradient(135deg, rgba(226, 232, 240, 0.85), rgba(226, 232, 240, 0.65));
  --footer-gradient: linear-gradient(135deg, rgba(226, 232, 240, 0.85), rgba(226, 232, 240, 0.65));
  --badge-gradient: linear-gradient(135deg, rgba(249, 115, 22, 0.18), rgba(249, 115, 22, 0.08));
  --chip-gradient: linear-gradient(90deg, rgba(249, 115, 22, 0), rgba(249, 115, 22, 0.75), rgba(249, 115, 22, 0));
  --axis-color: rgba(100, 116, 139, 0.45);
  --grid-color: rgba(148, 163, 184, 0.3);
}
}