body.theme-bio {
  --accent: #9ca3af;
  --accent-dim: #6b7280;
  --accent-deep: #374151;
  --accent-rgb: 156, 163, 175;
  --badge: #cbd5e1;
  --badge-rgb: 203, 213, 225;
  --bg-grad:
    radial-gradient(circle at 10% 0%, rgba(156, 163, 175, 0.12), transparent 34rem),
    radial-gradient(circle at 92% 18%, rgba(203, 213, 225, 0.08), transparent 28rem),
    linear-gradient(135deg, #111827 0%, #1f2937 52%, #030712 100%);
  --card-bg: rgba(20, 24, 31, 0.95);
  --cmd-bg: rgba(15, 18, 23, 0.96);
  --cmd-bg-hover: rgba(22, 27, 34, 0.98);
  --text-body: #f8fafc;
  --text-cmd: #f1f5f9;
  --text-muted: #94a3b8;
  --logo-img-radius: 15px;
  --logo-img-padding: 15px;
  --logo-img-bg: rgba(156, 163, 175, 0.1);
  --logo-ring-radius: 20px;
  --logo-ring-style: solid;
  --scroll-thumb-a: #6b7280;
  --scroll-thumb-b: #374151;
  --scroll-track: rgba(15, 23, 42, 0.65);
}

body.theme-bio .container {
  max-width: 1200px;
}

body.theme-bio header {
  margin-bottom: 38px;
}

body.theme-bio header h1 {
  animation: bio-glitch 5s linear infinite;
}

body.theme-bio .section {
  flex: 1 1 100%;
}

body.theme-bio .section > .card {
  border-color: rgba(var(--badge-rgb), 0.22);
}

body.theme-bio .card:hover {
  border-color: rgba(var(--badge-rgb), 0.42);
}

body.theme-bio .card-title-text::before,
body.theme-bio .copy-hint,
body.theme-bio .command-text .cmd-prefix {
  color: var(--badge);
}

body.theme-bio .command-line {
  border-color: rgba(var(--badge-rgb), 0.18);
}

body.theme-bio .command-line:hover,
body.theme-bio .command-line:focus-within {
  border-color: rgba(var(--badge-rgb), 0.45);
}

body.theme-bio .container > p {
  border-color: rgba(var(--badge-rgb), 0.25);
  background: rgba(var(--badge-rgb), 0.08);
}

@keyframes bio-glitch {
  0%,
  90%,
  100% {
    transform: translate(0, 0);
  }

  91% {
    transform: translate(-2px, 0);
  }

  92% {
    transform: translate(2px, 0);
  }

  93% {
    transform: translate(0, 0);
  }
}