:root[data-theme="terminal"] {
  /* Terminal palette (LIGHT mode) */
  --bg: #ffffff;           /* paper */
  --bg-alt: #f4fbf6;       /* pale green wash */
  --bg-inset: #eef7f1;     /* inputs/cards */
  --text: #0b1f14;         /* deep green-black */
  --text-dim: #406b53;     /* muted green */
  --border: #cfe7db;       /* green-tinted border */
  --accent: #008f4f;       /* terminal green */
  --accent-accent: #007a44;/* darker hover */
  --danger: #c73b36;       /* toned red for light bg */
  --code-bg: #f3faf5;      /* light code panel */

  /* Backgrounds */
  --hero-bg: linear-gradient(180deg, #ffffff 0%, #f4fbf6 100%);
  --section-alt-bg: linear-gradient(180deg, #ffffff 0%, #eef7f1 100%);
}

:root[data-theme="terminal"] body {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  letter-spacing: 0.1px;
}

/* Dark variant for ts-terminal */
:root[data-theme="terminal"][data-mode="dark"] {
  --bg: #050809;
  --bg-alt: #0b1113;
  --bg-inset: #0a1214;
  --text: #eafff2;
  --text-dim: #8adca9;
  --border: #123026;
  --accent: #00e676;       /* brighter green on dark */
  --accent-accent: #00c467;
  --code-bg: #071012;

  --hero-bg: linear-gradient(180deg, #050809 0%, #0d1517 100%);
  --section-alt-bg: linear-gradient(180deg, #050809 0%, #0a1214 100%);
}

@media (prefers-color-scheme: dark) {
  :root[data-theme="terminal"]:not([data-mode="light"]) {
    --bg: #050809;
    --bg-alt: #0b1113;
    --bg-inset: #0a1214;
    --text: #eafff2;
    --text-dim: #8adca9;
    --border: #123026;
    --accent: #00e676;
    --accent-accent: #00c467;
    --code-bg: #071012;

    --hero-bg: linear-gradient(180deg, #050809 0%, #0d1517 100%);
    --section-alt-bg: linear-gradient(180deg, #050809 0%, #0a1214 100%);
  }
}

/* Monospace typography + slight letter spacing for terminal feel */
:root[data-theme="terminal"] body {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  letter-spacing: 0.1px;
}

/* Accents and components tune-ups for terminal feel */
:root[data-theme="terminal"] .btn-primary {
  border: 1px solid #195b3f;
  box-shadow: 0 0 0 1px rgba(0, 212, 106, 0.08) inset;
}

:root[data-theme="terminal"] .btn-outline {
  border-color: var(--accent);
}

:root[data-theme="terminal"] .project-card {
  box-shadow: none;
}