/* feltp.com restyle (2026-11-06): less "AI template".
   Loaded after style.css and redesign.css. Changes look only, not layout or behaviour. */

:root {
  /* warmer darks instead of pure #0A0A0A, like a dim studio */
  --bg:          #13110f;
  --bg-card:     #1a1714;
  --bg-surface:  #201c18;
  --bg-dark:     #0f0d0b;
  --border:      #2a2521;
  --border-lg:   #342e28;
  --text-muted:  #a39b91;
  --text-subtle: #6d665e;
  --radius:      4px;
  /* swap the Space Grotesk + Inter pairing every template uses */
  --font-head:   'Bricolage Grotesque', sans-serif;
  --font-body:   'IBM Plex Sans', sans-serif;
}
body { background: var(--bg); }

/* no shouting: sentence case, normal spacing on buttons, menu and labels */
.btn-primary, .btn-ghost, .nav-link, .nav-cta, .mobile-link,
.hero-eyebrow, .section-eyebrow, .contact-label, .cf-label, .cf-submit,
.stat-label, .project-year, .project-client {
  text-transform: none;
  letter-spacing: 0;
}
.btn-primary, .cf-submit { font-size: 15px; }
.nav-link { font-size: 14px; }
.section-eyebrow::before, .hero-eyebrow::before { display: none; }

/* one-colour name instead of the two-tone stacked title */
.hero-title-accent { color: inherit; }
.hero-title { letter-spacing: -0.03em; }

/* pills -> plain text */
.tag, .project-tag {
  background: none; border: none; padding: 0; border-radius: 0;
  color: var(--text-muted); font-size: 13px; font-weight: 500;
}
.project-tag + .project-tag::before, .tag + .tag::before { content: "/ "; color: var(--text-subtle); }
.genre-tags, .project-tags { gap: 6px; }

/* availability: plain line, no glowing dot */
.avail-badge { background: none; border: none; padding: 0; color: var(--text-muted); font-size: 14px; }
.avail-dot { display: none; }

/* stat boxes -> simple figures with an accent rule */
.stat { background: none; border: none; border-left: 2px solid var(--accent); border-radius: 0; padding: 4px 0 4px 14px; }

/* calmer cards: tighter corners, no hover lift */
.project-card, .review-card, .pricing-card, .contact-item, .service-item, .pv-dock { border-radius: var(--radius); }
.project-card:hover, .service-item:hover { transform: none; }

/* times and numbers in a mono face, like a DAW readout */
.track-time, .pv-time, .stat-num { font-family: 'IBM Plex Mono', monospace; }
.stat-num { font-weight: 500; }

/* content shows straight away instead of fading in */
.reveal, .reveal.visible { opacity: 1 !important; transform: none !important; transition: none !important; }