/* Quiet variations of the site's cream, wood and pine palette. */
:root{
  --surface-paper:radial-gradient(ellipse at 90% 10%,rgba(155,118,80,.07),transparent 60%),linear-gradient(120deg,#faf6ee,#f7f3e9 60%,#eef1e8);
  --surface-cream:radial-gradient(ellipse at 12% 15%,rgba(155,118,80,.1),transparent 60%),linear-gradient(125deg,#f4ebdd,#f0ebdf 60%,#e7ecdf);
  --surface-pine:radial-gradient(ellipse at 85% 0,rgba(155,118,80,.12),transparent 65%),linear-gradient(125deg,#18352d,#203e34 55%,#17332d);
}
body{background:var(--surface-paper)}
.section{background:var(--surface-paper)}
.section:nth-of-type(even){background:linear-gradient(135deg,#f8f4eb,#f4f0e5 65%,#edf0e6)}
.section.soft{background:var(--surface-cream)}
.section.soft:nth-of-type(even){background:linear-gradient(135deg,#f3eadc,#efeadd 60%,#e5eadf)}
.section.dark,.site-footer{background:var(--surface-pine)}
.page-intro:not(.koschuny-intro):not(.altai-intro){background:var(--surface-cream)}
.page-intro.accommodation-intro{
  background:radial-gradient(ellipse at 85% 15%,rgba(155,118,80,.18),transparent 60%),linear-gradient(120deg,var(--paper),var(--cream) 55%,#e4e8dc);
}
.contacts-page .contact-section{
  background:radial-gradient(ellipse at 15% 20%,rgba(155,118,80,.13),transparent 55%),linear-gradient(125deg,var(--cream),#e8ede2 60%,#dce6dc);
}
.site-header{
  background:linear-gradient(110deg,rgba(250,246,238,.96),rgba(244,235,221,.94) 60%,rgba(230,237,225,.96));
}
.home .site-header{
  background:linear-gradient(110deg,rgba(17,40,35,.76),rgba(39,61,47,.7) 60%,rgba(24,53,45,.76));
}
@media(min-width:801px){
  .site-header{
    background:linear-gradient(110deg,rgba(250,246,238,.86),rgba(244,235,221,.84) 60%,rgba(230,237,225,.86));
  }
  .home .site-header{
    background:linear-gradient(110deg,rgba(17,40,35,.66),rgba(39,61,47,.6) 60%,rgba(24,53,45,.66));
  }
}
.home .site-header.menu-open{
  background:linear-gradient(110deg,rgba(17,40,35,.97),rgba(39,61,47,.96) 60%,rgba(24,53,45,.97));
}
.koschuny-intro .container{
  background:linear-gradient(120deg,rgba(250,246,238,.96),rgba(244,235,221,.94) 65%,rgba(235,240,229,.96));
}
.altai-intro .container{
  background:linear-gradient(120deg,rgba(250,246,238,.55),rgba(244,235,221,.48) 65%,rgba(229,238,222,.55));
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .altai-intro .container{background:linear-gradient(120deg,rgba(250,246,238,.92),rgba(235,240,229,.9))}
}
.format-card{background:linear-gradient(145deg,#fcf9f3,#f6f0e5 70%,#eef0e6)}
.format-card:nth-child(even){background:linear-gradient(145deg,#faf7f0,#f0f1e7 70%,#ede8dc)}
.format-comparison{background:var(--surface-cream)}
.symbol-panel{background:linear-gradient(135deg,#eae2d3,#e4e3d4 60%,#dce5d7)}
.callout{background:linear-gradient(110deg,#f4ebdd,#eeeade 65%,#e8eddf)}
.gallery-stage,.master-portrait,.katun-photo{background:var(--surface-cream)}
.gallery-placeholder{background:linear-gradient(145deg,#eee7da,#dce4d4 65%,#cbd9c9)}
.photo span{background:linear-gradient(120deg,#faf6ee,#f0eadf)}

/* Buttons share restrained gradients, with light and dark surface variants. */
.button,.button.outline,.gallery-arrow,.site-header .menu-toggle,.home .site-header .menu-toggle,.back-to-top{
  border:0;
}
.button{
  --button-fill:linear-gradient(135deg,#aa5237,#9b452e 65%,#8e402d);
  --button-hover:linear-gradient(135deg,#9b482f,#8e3e29 65%,#803827);
  background:var(--button-fill);
  box-shadow:0 3px 9px rgba(91,50,32,.1);
  transition:box-shadow .2s;
}
.button.outline,.gallery-arrow,.site-header .menu-toggle{
  --button-fill:linear-gradient(135deg,#faf6ee,#f0eadd 65%,#e7ecdf);
  --button-hover:linear-gradient(135deg,#f3ecdf,#e8e4d6 65%,#dfe7d7);
  background:var(--button-fill);
  box-shadow:0 2px 8px rgba(24,53,45,.06);
  transition:box-shadow .2s;
}
.hero .button.outline,.dark .button.outline,.home .site-header .button.outline,.home .site-header .menu-toggle,.back-to-top{
  --button-fill:linear-gradient(135deg,#2c4b3e,#244337 65%,#1c392f);
  --button-hover:linear-gradient(135deg,#365748,#2d4d40 65%,#244337);
  background:var(--button-fill);
  box-shadow:0 3px 10px rgba(12,28,24,.15);
  transition:box-shadow .2s;
}
.button:hover,.button.outline:hover,.hero .button.outline:hover,.dark .button.outline:hover,.home .site-header .button.outline:hover,.gallery-arrow:hover,.site-header .menu-toggle:hover,.home .site-header .menu-toggle:hover,.back-to-top:hover{
  background:var(--button-hover);
  box-shadow:0 5px 14px rgba(24,53,45,.16);
}
.button:active,.gallery-arrow:active,.site-header .menu-toggle:active,.back-to-top:active{
  box-shadow:inset 0 2px 4px rgba(24,53,45,.15);
}
@media(prefers-reduced-motion:reduce){
  .button,.button.outline,.gallery-arrow,.site-header .menu-toggle,.home .site-header .menu-toggle,.back-to-top{transition:none}
}

.back-to-top{
  --button-fill:linear-gradient(135deg,rgba(44,75,62,.82),rgba(36,67,55,.82) 65%,rgba(28,57,47,.82));
  --button-hover:linear-gradient(135deg,rgba(54,87,72,.92),rgba(45,77,64,.92) 65%,rgba(36,67,55,.92));
}