:root {
  --body-bg-image: none;
}

:root[data-theme="terminal"] {
  --color-bg: #0d1117;
  --color-surface: rgba(10, 21, 33, 0.95);
  --color-border: rgba(0, 255, 149, 0.35);
  --color-text: #c8fdf6;
  --color-muted: rgba(200, 253, 246, 0.72);
  --color-accent: #00ff95;
  --font-body: "Fira Code", "Source Code Pro", Menlo, Consolas, Monaco,
    monospace;
  --body-bg-image: radial-gradient(rgba(0, 255, 149, 0.05) 2px, transparent 2px),
    radial-gradient(rgba(0, 255, 149, 0.04) 1px, transparent 1px);
  color-scheme: dark;
}

:root[data-theme="doom"] {
  --color-bg: #1e2027;
  --color-surface: rgba(30, 32, 39, 0.9);
  --color-border: rgba(81, 142, 255, 0.35);
  --color-text: #e7e4ef;
  --color-muted: rgba(231, 228, 239, 0.7);
  --color-accent: #51a4ff;
  --font-body: "JetBrains Mono", "Fira Code", Menlo, Consolas, Monaco,
    monospace;
  --body-bg-image: none;
  color-scheme: dark;
}

:root[data-theme="win98"] {
  --color-bg: #c3c7cb;
  --color-surface: #dfe2e6;
  --color-border: #6b6f72;
  --color-text: #111;
  --color-muted: rgba(17, 17, 17, 0.7);
  --color-accent: #0054a6;
  --font-body: "Tahoma", "Verdana", "Segoe UI", sans-serif;
  --body-bg-image: none;
  color-scheme: light;
}

:root[data-theme="winxp"] {
  --color-bg: linear-gradient(135deg, #1c7cdf 0%, #62a4ff 100%);
  --color-surface: rgba(255, 255, 255, 0.82);
  --color-border: rgba(28, 124, 223, 0.45);
  --color-text: #12375a;
  --color-muted: rgba(18, 55, 90, 0.7);
  --color-accent: #1c7cdf;
  --font-body: "Trebuchet MS", "Segoe UI", sans-serif;
  --body-bg-image: none;
  color-scheme: light;
}

:root[data-theme="aqua"] {
  --color-bg: linear-gradient(160deg, #d6f0ff 0%, #8ac6ff 100%);
  --color-surface: rgba(255, 255, 255, 0.72);
  --color-border: rgba(65, 105, 225, 0.35);
  --color-text: #0f1941;
  --color-muted: rgba(15, 25, 65, 0.7);
  --color-accent: #3c92ff;
  --font-body: "Helvetica Neue", "Arial", sans-serif;
  --body-bg-image: none;
  color-scheme: light;
}

body[data-theme="terminal"] {
  background-size: 120px 120px, 60px 60px;
  background-position: 0 0, 30px 30px;
}

body[data-theme="win98"] .project-card {
  border-radius: 0.35rem;
  box-shadow: inset -2px -2px 0 rgba(255, 255, 255, 0.7),
    inset 2px 2px 0 rgba(0, 0, 0, 0.18);
}

body[data-theme="winxp"] .project-card,
body[data-theme="aqua"] .project-card {
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.18);
}

body[data-theme="winxp"] .theme-option[aria-pressed="true"],
body[data-theme="aqua"] .theme-option[aria-pressed="true"] {
  color: #fff;
}