html[data-theme="pixel8bit"] {
  --theme-bg: #f5f1e8;
  --theme-panel: #fffdf6;
  --theme-surface: #f5f1e8;
  --theme-card: #fffdf6;
  --theme-border: #1d1d1d;
  --theme-text: #1a1a1a;
  --theme-muted: #4d4d4d;
  --theme-accent: #2d6cdf;
  --theme-accent-dark: #1b4ba6;
  --theme-button-bg: #fffdf6;
  --theme-button-text: #1a1a1a;
  --theme-button-ghost: transparent;
  --theme-button-primary-text: #ffffff;
  --theme-input-bg: #fffdf6;
  --theme-badge-bg: #ffd166;
  --theme-chip-bg: #fffdf6;
  --theme-chip-active-bg: #2d6cdf;
  --theme-chip-active-text: #ffffff;
  --theme-placeholder-bg: #e6e0d3;
  --theme-modal-bg: #fffdf6;
  --theme-info-bg: #fffdf6;
  --theme-topbar-bg: #fffdf6;
  --theme-shadow: 4px 4px 0 #1d1d1d;
  --theme-shadow-card: 4px 4px 0 #1d1d1d;
  --theme-radius: 0;
  --theme-radius-card: 0;
  --theme-radius-small: 0;
  --theme-radius-pill: 0;
  --theme-focus: 0 0 0 2px #1a1a1a;
}

html[data-theme="pixel8bit"] body {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
}

html[data-theme="pixel8bit"] .btn,
html[data-theme="pixel8bit"] .panel,
html[data-theme="pixel8bit"] .card,
html[data-theme="pixel8bit"] .settings-section,
html[data-theme="pixel8bit"] .settings-image-card,
html[data-theme="pixel8bit"] .modal-content,
html[data-theme="pixel8bit"] .image-frame,
html[data-theme="pixel8bit"] .info-row,
html[data-theme="pixel8bit"] input,
html[data-theme="pixel8bit"] select,
html[data-theme="pixel8bit"] textarea {
  border-radius: 0;
  box-shadow: 4px 4px 0 #1d1d1d;
}

html[data-theme="pixel8bit"] .btn.primary {
  box-shadow: 4px 4px 0 #1b4ba6;
}

html[data-theme="pixel8bit"] .badge {
  border-radius: 0;
  font-weight: 700;
  text-transform: uppercase;
}