body[data-theme="yellow"] {
  color-scheme: light;
  --ink: #1f1700;
  --ink-soft: #fff7cc;
  --panel: rgba(255, 251, 224, 0.82);
  --panel-strong: #fff3b2;
  --line: rgba(122, 90, 0, 0.2);
  --text: #241b00;
  --muted: #6d5a20;
  --dim: #8e7a39;
  --mint: #24aa62;
  --aqua: #007fbd;
  --citrus: #ffc400;
  --coral: #ff6a3d;
  --signal-rgb: 255, 196, 0;
  --signal-dot-rgb: 0, 127, 189;
  --shadow: 0 24px 74px rgba(119, 87, 0, 0.18);
  background:
    radial-gradient(circle at 10% 10%, rgba(255, 196, 0, 0.34), transparent 28rem),
    radial-gradient(circle at 88% 18%, rgba(0, 127, 189, 0.14), transparent 24rem),
    linear-gradient(135deg, #fff9da 0%, #fff0a8 45%, #e7fbff 100%);
}

body[data-theme="yellow"]::before {
  background-image:
    linear-gradient(rgba(122, 90, 0, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(122, 90, 0, 0.07) 1px, transparent 1px);
}

body[data-theme="yellow"] .site-header {
  background: linear-gradient(to bottom, rgba(255, 248, 204, 0.88), rgba(255, 248, 204, 0.55));
}

body[data-theme="yellow"] .nav-shell,
body[data-theme="yellow"] .logo-strip {
  background: rgba(255, 252, 226, 0.78);
}

body[data-theme="yellow"] .brand-logo {
  background: linear-gradient(135deg, rgba(255, 196, 0, 0.52), rgba(255, 255, 255, 0.34));
  border-color: rgba(122, 90, 0, 0.28);
}

body[data-theme="yellow"] .hero-panel {
  background:
    linear-gradient(145deg, rgba(255, 248, 203, 0.95), rgba(237, 252, 255, 0.78)),
    repeating-linear-gradient(0deg, rgba(36, 27, 0, 0.035) 0 1px, transparent 1px 18px);
}

body[data-theme="yellow"] .pulse-card,
body[data-theme="yellow"] .build-stream p,
body[data-theme="yellow"] .skill-board span {
  background: rgba(255, 255, 255, 0.56);
}

body[data-theme="yellow"] .button.primary {
  background: linear-gradient(135deg, #ffd633, #ff9f1c);
  color: #241600;
  box-shadow: 0 16px 48px rgba(255, 159, 28, 0.24);
}

body[data-theme="yellow"] .button.secondary {
  background: rgba(255, 255, 255, 0.42);
}

body[data-theme="yellow"] .proof-panel {
  background:
    linear-gradient(135deg, rgba(255, 196, 0, 0.2), rgba(0, 127, 189, 0.1)),
    var(--panel);
}