/* ==========================================================================
   NIVORA — VARIANT "CLEAN" (svetlá moderná)
   Čistá biela, moderná sans-serif typografia, tenké ostré línie, minimalizmus.
   Načítava sa ZA styles.css a pretónováva základný dizajn.
   ========================================================================== */

:root {
  --ink: #16181a;
  --ink-deep: #101214;
  --ink-soft: #6b6f73;
  --paper: #ffffff;
  --paper-deep: #f4f5f6;
  --sage: #3d4247;
  --sage-dark: #16181a;   /* akcent = grafitová čierna (monochromatický moderný) */
  --sage-pale: #eef0f1;
  --rose: #8a8f96;        /* chladný neutrálny akcent namiesto ružovej */
  --rose-pale: #eef0f1;
  --ochre: #b8923f;       /* zlaté hviezdičky ostávajú */
  --line: rgba(20, 22, 24, .12);
  --radius: 0;
}

/* moderná sans-serif typografia namiesto serifu */
body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; }
.hero h1,
.local-intro h2, .section-heading h2, .method-copy h2, .studio-copy h2,
.booking-header h2, .faq-intro h2, .contact h2, .reviews-head h2,
.ritual-card h3, .brand-name, .brand-symbol, .hero-note strong,
.trust-strip strong, .service-choice strong, .calendar-toolbar > strong,
.booking-summary h3, .summary-total strong, .faq-list summary,
.reviews-score strong, .review-card blockquote, .confirmation h2,
.timeline-day > header strong, .selected-treatment strong,
.calendar-loading-overlay strong, .booking-step legend,
.ritual-brand-media span, .ritual-brand-media small, .mobile-nav a {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  letter-spacing: -0.02em;
}
.hero h1 { font-weight: 700; letter-spacing: -0.035em; }
.local-intro h2, .section-heading h2, .method-copy h2, .studio-copy h2,
.booking-header h2, .faq-intro h2, .contact h2, .reviews-head h2 { font-weight: 700; letter-spacing: -0.03em; }
.ritual-card h3, .booking-summary h3, .confirmation h2 { font-weight: 650; }
.eyebrow { letter-spacing: .12em; }

/* čisté biele plochy, ostré hrany */
.button { border-radius: 0; }
.hero { background: #dfe2e4; }
.hero .eyebrow { color: #d9dde0; }
.site-header { background: rgba(255, 255, 255, .9); }
.services-section { background: #fafbfb; }
.ritual-card { background: #fff; }
.ritual-card:hover { background: #fff; box-shadow: 0 14px 40px rgba(20,22,24,.07); }
.ritual-number { background: rgba(255, 255, 255, .92); color: var(--ink); }
.signature-card:hover { background: #24282c; }
.ritual-brand-media { background: #202428; }
.method-copy .eyebrow { color: #b9bdc2; }
.method-copy li > span { color: #c2c6ca; }
.booking-step { background: #fff; }
.summary-label { color: #c2c6ca; }
.contact .eyebrow { color: #b9bdc2; }
.contact-facts a:hover, .social-links a:hover { color: #fff; }
.social-links a:hover { border-color: #fff; }
.demo-warning { color: #55585c; }

/* kalendár — neutrálne šedé, „voľné" zelené */
.timeline-axis, .timeline-day > header { background: #f6f7f8; }
.timeline-cell { background: #fafbfb; }
.timeline-cell.past, .timeline-cell.unavailable { background: #f1f2f3; }
.calendar-loading-overlay { background: rgba(255, 255, 255, .6); }