:root {
  --bg: #f4ede2;
  --bg-deep: #efe5d8;
  --panel: rgba(255, 251, 245, 0.86);
  --panel-strong: rgba(250, 245, 238, 0.96);
  --line: rgba(56, 108, 92, 0.16);
  --line-strong: rgba(56, 108, 92, 0.28);
  --text: #1d261f;
  --muted: #5f6f68;
  --accent: #2f7d66;
  --accent-warm: #d99542;
  --accent-cold: #4d8eb7;
  --accent-soft: rgba(47, 125, 102, 0.08);
  --accent-glow: rgba(47, 125, 102, 0.16);
  --warm-glow: rgba(217, 149, 66, 0.18);
  --shadow: 0 24px 60px rgba(71, 53, 34, 0.08);
}

body {
  background:
    radial-gradient(circle at 20% 0%, rgba(47, 125, 102, 0.08), transparent 26%),
    radial-gradient(circle at 100% 15%, rgba(77, 142, 183, 0.08), transparent 20%),
    radial-gradient(circle at 75% 45%, rgba(217, 149, 66, 0.08), transparent 18%),
    linear-gradient(180deg, #f8f1e8 0%, #efe6da 100%);
}

body::before {
  background-image:
    linear-gradient(rgba(47, 125, 102, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(47, 125, 102, 0.04) 1px, transparent 1px);
}

.noise {
  opacity: 0.03;
}

.site-header {
  background: rgba(252, 248, 242, 0.82);
}

.hero-copy,
.status-card,
.profile-capability,
.project-card,
.contact-section,
.intro-section,
.summary-photo-card {
  background: linear-gradient(180deg, rgba(255, 252, 247, 0.94), rgba(249, 242, 234, 0.94));
}

.hero-copy::before {
  background: radial-gradient(circle, rgba(47, 125, 102, 0.12), transparent 65%);
}

.hero-copy::after {
  background-image:
    linear-gradient(rgba(47, 125, 102, 0.18) 1px, transparent 1px),
    linear-gradient(90deg, rgba(47, 125, 102, 0.18) 1px, transparent 1px);
}

.summary-photo-frame,
.project-visual,
.project-link,
.profile-icon,
.theme-toggle-track {
  background: rgba(255, 255, 255, 0.58);
}

.seniority-badge {
  color: #fffaf2;
  background: linear-gradient(135deg, #d99542, #efb56c);
}

.button-primary {
  color: #fff;
  background: var(--accent);
  box-shadow: 0 0 18px rgba(47, 125, 102, 0.12);
}

.button-secondary,
.project-link,
.image-modal-close {
  background: rgba(255, 255, 255, 0.7);
}

.feature-checklist li,
.tech-logo-list strong,
.footer-role {
  color: #24312a;
}

.feature-checklist strong,
.profile-copy strong {
  color: #2f7d66;
}

.status-highlights span {
  border-color: rgba(217, 149, 66, 0.24);
  background: rgba(217, 149, 66, 0.08);
  color: #8d5b1f;
}

.project-visual-placeholder {
  background:
    linear-gradient(180deg, rgba(255, 252, 247, 0.96), rgba(249, 242, 234, 0.94)),
    radial-gradient(circle at top right, rgba(217, 149, 66, 0.1), transparent 32%),
    radial-gradient(circle at bottom left, rgba(47, 125, 102, 0.08), transparent 30%);
}

.image-modal-backdrop {
  background: rgba(240, 232, 223, 0.88);
}

.image-modal-img {
  background: #fffaf5;
}