:root[data-theme="cyber"] {
  color-scheme: dark;
  --color-canvas: #070b18;
  --color-surface: #0c1327;
  --color-surface-strong: #101a33;
  --color-text: #e9faff;
  --color-muted: #86a7b7;
  --color-border: #1f5270;
  --color-primary: #16e0ff;
  --color-primary-hover: #65ecff;
  --color-secondary: #d33cff;
  --color-secondary-hover: #e27aff;
  --color-accent-soft: rgba(22, 224, 255, 0.12);
  --color-danger: #ff6687;
  --color-danger-soft: rgba(255, 58, 102, 0.15);
  --color-success: #58ffb4;
  --color-success-soft: rgba(88, 255, 180, 0.12);
  --color-panel: rgba(12, 19, 39, 0.94);
  --color-panel-border: #1c5575;
  --color-body-glow: rgba(211, 60, 255, 0.11);
  --color-focus-ring: rgba(22, 224, 255, 0.23);
  --color-focus-border: rgba(22, 224, 255, 0.7);
  --color-code-bg: rgba(22, 224, 255, 0.11);
  --color-quiet-hover: rgba(211, 60, 255, 0.12);
  --color-icon-bg: rgba(22, 224, 255, 0.12);
  --color-note-bg: rgba(4, 8, 18, 0.65);
  --color-empty-bg: rgba(4, 8, 18, 0.62);
  --color-dialog-shadow: rgba(0, 0, 0, 0.7);
  --color-backdrop: rgba(1, 3, 10, 0.78);
  --color-sidebar: #060a16;
  --color-sidebar-active: rgba(22, 224, 255, 0.12);
  --color-sidebar-border: #163d56;
  --shadow-panel: 0 0 24px rgba(22, 224, 255, 0.08);
  --theme-background:
    linear-gradient(rgba(22, 224, 255, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(22, 224, 255, 0.025) 1px, transparent 1px);
  background-size: 28px 28px;
}