/* ==========================================================================
   Penzión Kolkáreň — dizajnový systém
   Farby a písma vychádzajú z pôvodnej identity penziónu (Elementor Kit),
   typografická škála je nová: pokojnejšia, s vysadenými popiskami.
   ========================================================================== */
:root{
  /* Farby */
  --teal:#345c59;         /* pôvodná farba nadpisov */
  --teal-deep:#1e3634;    /* tmavé plochy a pätička */
  --gold:#bb923a;         /* pôvodný akcent */
  --gold-soft:#c8a763;
  --ink:#2f3d3c;
  --body:#5a6a69;
  --cream:#f7f4f0;
  --sand:#ece5db;
  --white:#fff;

  /* Písma */
  --serif:"EB Garamond",Garamond,Georgia,serif;   /* nadpisy aj text */
  --sans:"Karla","Helvetica Neue",Arial,sans-serif;/* popisky a ovládanie */

  /* Rozmery */
  --wrap:1180px;
  --wide:1500px;
  --gut:clamp(22px,5vw,64px);
  --rule:1px solid rgba(52,92,89,.18);
  --rule-light:1px solid rgba(255,255,255,.2);
  --ease:cubic-bezier(.22,.61,.36,1);
}

*,*::before,*::after{box-sizing:border-box}
*{margin:0}
html{scroll-behavior:smooth;scroll-padding-top:90px;-webkit-text-size-adjust:100%}
body{
  background:var(--cream);color:var(--body);
  font-family:var(--serif);font-size:19px;line-height:1.8;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img,video,iframe{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
ul{list-style:none;padding:0}
input,button,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:1px solid var(--gold);outline-offset:4px}

h1,h2,h3,h4{font-family:var(--serif);font-weight:400;color:var(--teal);line-height:1.12}
h1{font-size:clamp(42px,7vw,96px);letter-spacing:.06em}
h2{font-size:clamp(30px,3.6vw,50px)}
h3{font-size:clamp(22px,2.2vw,30px)}
h4{font-size:22px}
p{text-wrap:pretty}
em{font-style:italic}
strong{font-weight:500;color:var(--ink)}

.lede{font-size:clamp(21px,2vw,26px);line-height:1.65;color:var(--ink)}
.muted{color:var(--body)}

/* Vysadený popisok — nesie atmosféru celej stránky */
.label{
  font-family:var(--sans);font-size:11px;font-weight:700;
  letter-spacing:.34em;text-transform:uppercase;color:var(--gold);
  display:inline-block;
}
.label--line::before{
  content:"";display:inline-block;width:34px;height:1px;background:var(--gold);
  vertical-align:middle;margin-right:14px;
}

.skip-link{position:absolute;left:-9999px;z-index:100;background:var(--teal-deep);
  color:#fff;padding:12px 22px}
.skip-link:focus{left:0;top:0}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;
    scroll-behavior:auto!important}
}