/* Varianta 5 – Klidná modrá: břidlicová a mlhavě modrá, písková béžová, bílá */

:root {
  --c-bg: #f8f9fb;
  --c-surface: #eef2f6;
  --c-surface-2: #ffffff;
  --c-sand: #efe6da;
  --c-text: #1f2a35;
  --c-muted: #52606d;
  --c-accent: #b49c80;
  --c-primary: #3e5a73;
  --c-primary-hover: #2e475c;
  --c-border: rgba(31, 42, 53, 0.1);

  --font-heading: "DM Serif Display", Georgia, serif;
  --font-body: "DM Sans", system-ui, sans-serif;
  --heading-weight: 400;
  --radius: 16px;
  --shadow: 0 12px 32px rgba(31, 42, 53, 0.08);
}

.brand__name { font-size: 1.3rem; }

.hero { background: linear-gradient(160deg, var(--c-surface) 0%, var(--c-bg) 60%); }
.hero__title { font-size: clamp(2.8rem, 2rem + 3.6vw, 4.8rem); }
.hero__role { color: var(--c-primary); }

/* Kulatý portrét s pískovým prstencem */
.hero__media {
  aspect-ratio: 1 / 1;
  width: min(82vw, 460px);
  max-height: none;
  justify-self: center;
  border-radius: 50%;
  box-shadow: 0 0 0 14px var(--c-sand), 0 30px 60px rgba(31, 42, 53, 0.15);
}
@media (min-width: 960px) { .hero__inner { grid-template-columns: 1.15fr 0.85fr; } }

.section-title::after { background: var(--c-primary); width: 40px; height: 3px; border-radius: 2px; }

.topic { box-shadow: var(--shadow); border-top: 3px solid var(--c-sand); }
.topic__title { font-size: 1.35rem; }

.split__media { border-radius: var(--radius); }

.step { padding: 1.75rem; background: var(--c-surface-2); border-radius: var(--radius); box-shadow: var(--shadow); }
.step__num { background: var(--c-primary); color: #fff; border: 0; font-family: var(--font-body); font-weight: 600; font-size: 1.05rem; }

.price-card { box-shadow: var(--shadow); }
.price-card--main { background: var(--c-primary); color: #fff; }
.price-card--main p:not(.price), .price-card--main .price__time { color: #dbe4ec; }
.price-card--main .price__sep { color: var(--c-sand); }

.contact { background: var(--c-sand); }
.contact-list { padding: clamp(1.5rem, 4vw, 2.5rem); background: var(--c-surface-2); border-radius: var(--radius); box-shadow: var(--shadow); }
.contact-list__item:last-child { border-bottom: 0; padding-bottom: 0; }
.contact .btn--ghost { background: #fff; border-color: #fff; }
.contact .btn--ghost:hover { background: var(--c-primary); border-color: var(--c-primary); }

.site-footer { background: var(--c-text); color: #c5ced6; border-top: 0; }