:root[data-theme="dark"] {
  --bg: #1c1d22;
  --shell-bg: #1f2025;
  --window-bg: #202126;
  --window-bg-alt: #202126;
  --panel: #23242b;
  --panel-alt: #262831;
  --panel-soft: #30333b;
  --panel-strong: #3c4048;
  --text: #f4f4f5;
  --text-soft: #b0b3bb;
  --text-faint: #777b84;
  --accent: #53b5eb;
  --accent-strong: #4aacdf;
  --operator: #31343c;
  --danger: #ff6d7a;
  --shadow: 0 40px 100px rgba(0, 0, 0, 0.55);
  --surface-hover: rgba(255, 255, 255, 0.06);
  --surface-active: rgba(255, 255, 255, 0.08);
  --border-subtle: rgba(255, 255, 255, 0.05);
  --border-faint: rgba(255, 255, 255, 0.025);
  --focus-ring: rgba(88, 183, 237, 0.75);
  --focus-border: rgba(88, 183, 237, 0.7);
  --focus-glow: rgba(88, 183, 237, 0.18);
  --scrim: rgba(0, 0, 0, 0.42);
  --shadow-menu: 0 18px 36px rgba(0, 0, 0, 0.35);
  --tooltip-bg: rgba(47, 48, 52, 0.98);
  --tooltip-text: #ffffff;
  --tooltip-shadow: 0 4px 14px rgba(0, 0, 0, 0.28);
  --noscript-bg: rgba(35, 36, 45, 0.98);
  --accent-surface: rgba(88, 183, 237, 0.09);
  --accent-border: rgba(88, 183, 237, 0.14);
  --scrollbar-thumb: rgba(255, 255, 255, 0.24);
  --scrollbar-color: rgba(255, 255, 255, 0.32) transparent;
  --toggle-group-bg: rgba(22, 24, 32, 0.92);
  --toggle-group-ring: rgba(128, 216, 255, 0.18);
  --toggle-group-text: rgba(232, 239, 247, 0.92);
  --toggle-active-bg: #56c7ff;
  --toggle-active-hover-bg: #69d0ff;
  --toggle-active-text: #07213a;
  --graph-canvas-bg: #f8f7f6;
  --graph-panel-bg: #2f3034;
  --graph-panel-text: #f5f5f5;
  --graph-panel-hover-bg: #3a3c40;
  --graph-panel-active-bg: #4a4d54;
  --graph-editor-bg: #202126;
  --graph-input-bg: #2d2e33;
  --graph-input-focus-bg: #1f2024;
  --graph-input-add-bg: rgba(0, 0, 0, 0.16);
  --graph-input-add-border: rgba(255, 255, 255, 0.24);
  --graph-input-focus-border: rgba(255, 255, 255, 0.44);
  --graph-hidden-input-bg: #23252a;
  --graph-hidden-input-border: rgba(255, 255, 255, 0.18);
  --graph-hidden-badge-bg: rgba(255, 255, 255, 0.2);
  --graph-hidden-badge-hover-bg: rgba(255, 255, 255, 0.24);
  --graph-hidden-badge-text: rgba(244, 244, 245, 0.7);
  --graph-add-badge-bg: rgba(255, 255, 255, 0.28);
  --graph-add-badge-text: rgba(244, 244, 245, 0.78);
  --graph-style-panel-bg: #2a2c31;
  --graph-style-select-bg: #3b3d43;
  --graph-swatch-ring: rgba(255, 255, 255, 0.04);
  --graph-swatch-selected-ring: 0 0 0 2px #ffffff, 0 0 0 4px rgba(255, 255, 255, 0.22);
  --graph-active-ring: inset 0 0 0 1px rgba(255, 255, 255, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.16);
  --graph-success: #16c35b;
  --converter-menu-bg: linear-gradient(180deg, #2f3440 0%, #292d38 100%);
  --button-default-bg: #353841;
  --button-default-hover-bg: #3b3e47;
  --button-function-bg: #353841;
  --button-function-hover-bg: #3b3e47;
  --button-digit-bg: #393c45;
  --button-digit-hover-bg: #42464f;
  --button-operator-bg: #31343c;
  --button-operator-hover-bg: #3a3d45;
  --button-equals-bg-start: #57b9ed;
  --button-equals-bg-end: #4fb2e7;
  --button-equals-hover-bg-start: #68c4f2;
  --button-equals-hover-bg-end: #5dbdf0;
  --button-equals-text: #0b1a2c;
}