/* ═══════════════════════════════════════════════════
   TWEAK VARIANTS — three expressive dimensions
   Mood · Voice · Rhythm
   ═══════════════════════════════════════════════════ */

/* ── MOOD: SAGE (calm sage green on warm cream) ── */
html[data-mood="sage"]{
  --red:#5C7457;
  --red-dark:#3F5640;
  --red-light:#EEF1E9;
  --red-mid:#C8D2BE;
  --light:#F4F1EA;
  --dark:#2A2E26;
  --black:#1B1E18;
  --border:rgba(92,116,87,0.18);
}
html[data-mood="sage"] body{background:#FBFAF5}

/* ── MOOD: NOIR (cream on warm charcoal) ── */
html[data-mood="noir"]{
  --red:#D4A574;
  --red-dark:#B8895C;
  --red-light:#2A2622;
  --red-mid:#E8C9A4;
  --light:#1F1C18;
  --dark:#F0E9DD;
  --black:#FAF6EE;
  --mid:#A89D8B;
  --white:#15120E;
  --border:rgba(212,165,116,0.22);
}
html[data-mood="noir"] body{background:#15120E;color:#F0E9DD}
html[data-mood="noir"] nav{background:rgba(21,18,14,0.92);border-bottom-color:rgba(212,165,116,0.18)}
html[data-mood="noir"] .nav-links a{color:#A89D8B}
html[data-mood="noir"] .section-title,
html[data-mood="noir"] .hero-title,
html[data-mood="noir"] .svc-name,
html[data-mood="noir"] .faq-q,
html[data-mood="noir"] .modal-title{color:#F0E9DD}
html[data-mood="noir"] .hero,
html[data-mood="noir"] .services,
html[data-mood="noir"] .gallery,
html[data-mood="noir"] .preise,
html[data-mood="noir"] .map-section{background:#15120E}
html[data-mood="noir"] .occasions,
html[data-mood="noir"] .reviews{background:#1F1C18}
html[data-mood="noir"] .faq{background:#1A1713}
html[data-mood="noir"] .faq-item,
html[data-mood="noir"] .review-card,
html[data-mood="noir"] .price-row,
html[data-mood="noir"] .preise-tabs,
html[data-mood="noir"] .tab-btn{background:#221E18;color:#E8DFCD}
html[data-mood="noir"] .tab-btn.active{background:#D4A574;color:#15120E}
html[data-mood="noir"] .price-item{color:#E8DFCD}
html[data-mood="noir"] .mobile-drawer{background:#15120E;border-left-color:rgba(212,165,116,0.18)}
html[data-mood="noir"] .mobile-drawer a{color:#F0E9DD;border-bottom-color:rgba(212,165,116,0.18)}
html[data-mood="noir"] .modal-box{background:#1F1C18}
html[data-mood="noir"] .tamara{background:#0E0C09}
html[data-mood="noir"] footer{background:#0E0C09}

/* ── VOICE: MODERN PRESS (Cormorant + Inter) ── */
html[data-voice="press"]{
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'Inter',sans-serif;
}
html[data-voice="press"] body{font-family:var(--sans);font-weight:400}
html[data-voice="press"] .logo,
html[data-voice="press"] .hero-title,
html[data-voice="press"] .section-title,
html[data-voice="press"] .svc-name,
html[data-voice="press"] .occ-title,
html[data-voice="press"] .faq-q,
html[data-voice="press"] .price-val,
html[data-voice="press"] .cta-title,
html[data-voice="press"] .footer-logo,
html[data-voice="press"] .modal-title,
html[data-voice="press"] .modal-body h3,
html[data-voice="press"] .badge-num,
html[data-voice="press"] .tstat-n,
html[data-voice="press"] .mobile-drawer a{font-family:var(--serif);font-weight:500;letter-spacing:-0.005em}
html[data-voice="press"] .hero-title,
html[data-voice="press"] .section-title,
html[data-voice="press"] .cta-title{font-weight:500;letter-spacing:-0.015em}

/* ── VOICE: STATEMENT (Bodoni Moda + Space Grotesk, tight & sharp) ── */
html[data-voice="statement"]{
  --serif:'Bodoni Moda',serif;
  --sans:'Space Grotesk',sans-serif;
}
html[data-voice="statement"] body{font-family:var(--sans);font-weight:400}
html[data-voice="statement"] .logo,
html[data-voice="statement"] .hero-title,
html[data-voice="statement"] .section-title,
html[data-voice="statement"] .svc-name,
html[data-voice="statement"] .occ-title,
html[data-voice="statement"] .faq-q,
html[data-voice="statement"] .price-val,
html[data-voice="statement"] .cta-title,
html[data-voice="statement"] .footer-logo,
html[data-voice="statement"] .modal-title,
html[data-voice="statement"] .modal-body h3,
html[data-voice="statement"] .badge-num,
html[data-voice="statement"] .tstat-n,
html[data-voice="statement"] .mobile-drawer a{font-family:var(--serif);font-weight:700;letter-spacing:-0.025em}
html[data-voice="statement"] .hero-title,
html[data-voice="statement"] .section-title,
html[data-voice="statement"] .cta-title{font-weight:800;line-height:0.98;letter-spacing:-0.035em}
html[data-voice="statement"] .hero-tag,
html[data-voice="statement"] .section-eyebrow,
html[data-voice="statement"] .nav-links a,
html[data-voice="statement"] .nav-cta,
html[data-voice="statement"] .btn-red,
html[data-voice="statement"] .btn-white,
html[data-voice="statement"] .btn-ghost,
html[data-voice="statement"] .badge-label,
html[data-voice="statement"] .tab-btn,
html[data-voice="statement"] .tstat-l,
html[data-voice="statement"] .review-author{letter-spacing:0.04em;font-weight:500}

/* ── RHYTHM: EDITORIAL (huge whitespace, oversized type) ── */
html[data-rhythm="editorial"] .hero-left{padding:7rem 6vw 6rem 9vw}
html[data-rhythm="editorial"] .hero-title{font-size:clamp(2.6rem,6vw,5.5rem);line-height:1}
html[data-rhythm="editorial"] .hero-body{font-size:1.05rem;max-width:480px}
html[data-rhythm="editorial"] .section-title{font-size:clamp(2.2rem,4.5vw,3.8rem);line-height:1.05}
html[data-rhythm="editorial"] .services,
html[data-rhythm="editorial"] .occasions,
html[data-rhythm="editorial"] .faq,
html[data-rhythm="editorial"] .preise,
html[data-rhythm="editorial"] .reviews,
html[data-rhythm="editorial"] .map-section{padding:8rem 10vw}
html[data-rhythm="editorial"] .gallery-header{padding:6rem 10vw 3rem}
html[data-rhythm="editorial"] .gallery-scroll{margin:0 10vw}
html[data-rhythm="editorial"] .cta{padding:9rem 8vw}
html[data-rhythm="editorial"] .cta-title{font-size:clamp(2.4rem,5.5vw,4.2rem)}
html[data-rhythm="editorial"] .svc{padding:3.2rem 2.8rem}
html[data-rhythm="editorial"] .svc-name{font-size:1.3rem;margin-bottom:0.9rem}
html[data-rhythm="editorial"] .tamara-content{padding:7rem 7vw}
html[data-rhythm="editorial"] .services-header{margin-bottom:5rem}
html[data-rhythm="editorial"] .occasions-grid,
html[data-rhythm="editorial"] .reviews-grid,
html[data-rhythm="editorial"] .faq-grid{margin-top:4.5rem}

/* ── RHYTHM: COMPACT (tight, businesslike) ── */
html[data-rhythm="compact"] .hero{min-height:auto}
html[data-rhythm="compact"] .hero-left{padding:3rem 5vw 3rem 6vw}
html[data-rhythm="compact"] .hero-title{font-size:clamp(1.9rem,3.4vw,3rem);line-height:1.12}
html[data-rhythm="compact"] .hero-body{font-size:0.88rem;margin-bottom:1.4rem}
html[data-rhythm="compact"] .hero-badges{margin-top:1.4rem;padding-top:1.2rem}
html[data-rhythm="compact"] .badge-num{font-size:1.4rem}
html[data-rhythm="compact"] .section-title{font-size:clamp(1.5rem,2.4vw,2rem)}
html[data-rhythm="compact"] .services,
html[data-rhythm="compact"] .occasions,
html[data-rhythm="compact"] .faq,
html[data-rhythm="compact"] .preise,
html[data-rhythm="compact"] .reviews,
html[data-rhythm="compact"] .map-section{padding:3.5rem 6vw}
html[data-rhythm="compact"] .gallery-header{padding:2.2rem 6vw 1.2rem}
html[data-rhythm="compact"] .cta{padding:3.5rem 6vw}
html[data-rhythm="compact"] .svc{padding:1.4rem 1.3rem}
html[data-rhythm="compact"] .svc-name{font-size:0.98rem;margin-bottom:0.4rem}
html[data-rhythm="compact"] .svc-desc{font-size:0.78rem}
html[data-rhythm="compact"] .tamara-content{padding:3rem 5vw}
html[data-rhythm="compact"] .services-header{margin-bottom:2rem}
html[data-rhythm="compact"] .occasions-grid,
html[data-rhythm="compact"] .reviews-grid,
html[data-rhythm="compact"] .faq-grid{margin-top:1.8rem}
html[data-rhythm="compact"] .faq-q{padding:1rem 1.2rem;font-size:0.92rem}
html[data-rhythm="compact"] .review-card{padding:1.2rem}
html[data-rhythm="compact"] .price-row{padding:0.65rem 0.9rem}

/* google-font load triggers */
.tw-load-cormorant{font-family:'Cormorant Garamond',serif}
.tw-load-bodoni{font-family:'Bodoni Moda',serif}
.tw-load-inter{font-family:'Inter',sans-serif}
.tw-load-spacegrotesk{font-family:'Space Grotesk',sans-serif}