:root {
  --opt1-bg-0: #0a0a0d;
  --opt1-bg-1: #121218;
  --opt1-bg-2: #1a1a23;
  --opt1-ink: #f2eee7;
  --opt1-muted: #b9ae9e;
  --opt1-gold: #d4a84f;
  --opt1-gold-soft: #8f6e2f;
  --opt1-line: #3a3122;
  --opt1-shadow: 0 14px 34px rgba(0, 0, 0, 0.45);
}

body.theme-executive {
  color: var(--opt1-ink);
  font-family: "Manrope", sans-serif;
  background:
    radial-gradient(circle at 4% 0%, rgba(212, 168, 79, 0.16) 0%, transparent 28%),
    radial-gradient(circle at 88% 8%, rgba(212, 168, 79, 0.08) 0%, transparent 32%),
    linear-gradient(165deg, var(--opt1-bg-0), var(--opt1-bg-1) 52%, var(--opt1-bg-2));
}

.theme-executive .texture {
  opacity: 0.1;
  background-size: 48px 48px;
}

.preview-badge {
  position: fixed;
  left: 16px;
  bottom: 16px;
  z-index: 60;
  padding: 8px 12px;
  border: 1px solid var(--opt1-gold-soft);
  border-radius: 999px;
  background: rgba(18, 18, 24, 0.88);
  color: var(--opt1-ink);
  font-family: "Space Grotesk", sans-serif;
  font-size: 0.78rem;
  letter-spacing: 0.03em;
}

.theme-executive .topbar {
  border-bottom: 1px solid var(--opt1-line);
  background: rgba(10, 10, 13, 0.9);
  backdrop-filter: blur(9px);
}

.theme-executive .brand {
  color: var(--opt1-gold);
  font-family: "Space Grotesk", sans-serif;
  letter-spacing: 0.16em;
}

.theme-executive .nav a {
  color: var(--opt1-muted);
}

.theme-executive .nav a:hover {
  color: var(--opt1-ink);
}

.theme-executive .resume-btn,
.theme-executive .btn-solid,
.theme-executive .send-btn {
  border: 1px solid #8f6e2f;
  background: linear-gradient(120deg, #c7983d, #f0cc7d);
  color: #1b150a;
  font-weight: 800;
}

.theme-executive .btn-outline {
  border: 1px solid var(--opt1-line);
  background: rgba(20, 20, 26, 0.8);
}

.theme-executive .status-pill {
  border: 1px solid var(--opt1-gold-soft);
  background: rgba(57, 44, 23, 0.35);
  color: #eecf8d;
}

.theme-executive .status-pill .dot {
  background: var(--opt1-gold);
  box-shadow: 0 0 0 6px rgba(212, 168, 79, 0.18);
}

.theme-executive h1,
.theme-executive h2,
.theme-executive h3,
.theme-executive .title-light,
.theme-executive .title-hot {
  font-family: "Space Grotesk", sans-serif;
}

.theme-executive .title-hot,
.theme-executive .eyebrow,
.theme-executive .date,
.theme-executive .proj-cat {
  color: var(--opt1-gold);
}

.theme-executive .intro,
.theme-executive .section-intro,
.theme-executive .panel p,
.theme-executive .project p,
.theme-executive .timeline-item li,
.theme-executive .timeline-item p,
.theme-executive .metric-label {
  color: var(--opt1-muted);
}

.theme-executive .metric,
.theme-executive .panel,
.theme-executive .timeline-item,
.theme-executive .quiz,
.theme-executive .contact-form,
.theme-executive .project {
  border: 1px solid var(--opt1-line);
  background: linear-gradient(145deg, rgba(21, 21, 27, 0.95), rgba(30, 30, 40, 0.95));
  box-shadow: var(--opt1-shadow);
}

.theme-executive .panel.highlight {
  border: 1px solid #b78a36;
  background: linear-gradient(145deg, rgba(34, 27, 16, 0.95), rgba(43, 34, 20, 0.96));
  box-shadow: 0 0 0 1px rgba(212, 168, 79, 0.2), 0 18px 36px rgba(0, 0, 0, 0.5);
}

.theme-executive .panel.highlight h3 {
  color: #f0cc7d;
}

.theme-executive .project::before {
  background: linear-gradient(90deg, #7a5c26, #d4a84f 45%, #f2d995);
}

.theme-executive .hero-code,
.theme-executive .code-card,
.theme-executive .code-head {
  border-color: var(--opt1-line);
  background: #111116;
}

.theme-executive .code-card {
  color: #ebd6a4;
}

.theme-executive .chip {
  border: 1px solid var(--opt1-line);
  background: #17171f;
  color: var(--opt1-muted);
}

.theme-executive .chip.active,
.theme-executive .chip:hover {
  background: #c7983d;
  border-color: #f2d995;
  color: #1f1709;
}

.theme-executive .proj-tag,
.theme-executive .state {
  border-color: var(--opt1-line);
  background: #191922;
  color: #dbc18d;
}

.theme-executive .contact-form input,
.theme-executive .contact-form textarea,
.theme-executive .quiz-options button {
  border: 1px solid var(--opt1-line);
  background: #14141b;
  color: var(--opt1-ink);
}

.theme-executive .contact-form input::placeholder,
.theme-executive .contact-form textarea::placeholder {
  color: #968877;
}

.theme-executive .ask-fab {
  border: 1px solid var(--opt1-line);
  background: #1a1a23;
  color: #e8d9b7;
}

.theme-executive .footer {
  border-top: 1px solid var(--opt1-line);
  color: #a99984;
}

.theme-executive .xp-timeline::before {
  background: #56462c;
}

.theme-executive .xp-marker {
  border-color: #d4a84f;
  background: #18130d;
  box-shadow: 0 0 0 4px rgba(212, 168, 79, 0.18);
}

.theme-executive .xp-item:first-child .xp-marker {
  border-color: #52c8a4;
  box-shadow: 0 0 0 4px rgba(82, 200, 164, 0.2);
}

.theme-executive .xp-content {
  background: transparent;
  box-shadow: none;
}

.theme-executive .xp-date {
  color: #d8bd87;
}

.theme-executive .xp-role {
  color: #f0cc7d;
}

.theme-executive .xp-content h3 {
  color: #f3eee4;
}

.theme-executive .xp-content li::before {
  color: #d4a84f;
}

.theme-executive .section-head h2 {
  position: relative;
  display: inline-block;
  padding-bottom: 10px;
}

.theme-executive .section-head h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 80%;
  height: 1px;
  background: linear-gradient(90deg, #d4a84f, transparent);
}

.theme-executive .hero,
.theme-executive .section {
  animation: opt1Fade 0.65s ease both;
}

@keyframes opt1Fade {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 720px) {
  .preview-badge {
    left: 10px;
    right: 10px;
    bottom: 10px;
    text-align: center;
  }
}