/* Change the accent color here (options used in the design: #FF6A3D, #C6FF3D, #4DA3FF, #B98CFF) */
:root { --accent: #FF6A3D; }

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #0B0B0C; }
a { color: #F2F0EB; }
a:hover { color: var(--accent); }
img { max-width: 100%; display: block; }
section[id] { scroll-margin-top: 80px; }

.filter-btn {
  font-family: 'JetBrains Mono', monospace; font-size: 13px; letter-spacing: 0.06em;
  text-transform: uppercase; padding: 12px 18px; min-height: 44px; border-radius: 999px;
  cursor: pointer; background: transparent; color: #C9C6BF; border: 1px solid #3A3A3F;
}
.filter-btn.is-active { background: #F2F0EB; color: #0B0B0C; border-color: #F2F0EB; }
.project[hidden] { display: none !important; }