/* Il Matto — светлая (бежевая) палитра. Подключается последней, когда выбрана опция opt_palette=light или ?palette=light.
   Идея: не «белый сайт», а тёплая штукатурка итальянского палаццо — беж, чернильно-коричневый текст, тёмное золото, терракота.
   Тёмная версия — эталон и не трогается: здесь только переопределения токенов и «зашитых» цветов.
   Порядок в файле повторяет tokens → base → components → pages → italy → booking. */

/* ==========================================================================
   Токены
   ========================================================================== */
:root{
  color-scheme:light;

  --bg:#F3EADB;
  --bg-deep:#EAE0CB;
  --panel:#E7DAC2;
  --line:rgba(59,45,32,.16);
  --line-soft:rgba(59,45,32,.12);
  --line-glass:rgba(59,45,32,.14);
  --ink:#2A1F15;
  --ink-2:#3B2D20;
  --mut:#5E4D3B;
  --dim:#7A6852;
  /* золото: текстовое — #85652A (4.5:1 на --bg, AA), декоративное (линии, рамки, заливки) — #A9853D через --gold-rgb,
     крупный курсив в заголовках — --gold-h #9A7833 (3.5:1, AA для крупного текста) */
  --gold:#85652A;
  --gold-2:#6E5324;
  --gold-h:#9A7833;
  --gold-soft:rgba(169,133,61,.14);

  --bg-rgb:243,234,219;
  --deep-rgb:243,234,219;
  --panel-rgb:231,218,194;
  --ink-rgb:59,45,32;
  --gold-rgb:169,133,61;
  --shadow-rgb:74,52,30;

  --shadow-card:0 18px 40px -12px rgba(74,52,30,.22);
  --shadow-glass:inset 0 1px 0 rgba(255,255,255,.65),0 24px 60px -24px rgba(74,52,30,.28);
  --shadow-btn:0 12px 28px -8px rgba(196,71,43,.38),inset 0 1px 0 rgba(255,255,255,.22);
  --glass-bg:rgba(246,239,226,.66);
}

/* ==========================================================================
   Каркас, шапка, типографика
   ========================================================================== */
.site{box-shadow:0 0 0 1px rgba(59,45,32,.08),0 0 120px rgba(74,52,30,.16)}

.topbar__in{
  background:rgba(246,239,226,.56);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 12px 32px -10px rgba(74,52,30,.22);
}
.topbar__logo img{filter:none}

/* курсивное золото в заголовках — чуть ярче текстового */
.h2 em,.hero__title em,.pg-hero__title em,.it-hero__title em,.pg-col__title em,.pg-quote__text em{color:var(--gold-h)}

/* тени под текстом на фото: вместо тёмных — кремовый ореол, отделяет буквы от снимка */
.region .lead{text-shadow:0 1px 12px rgba(243,234,219,.75)}
.region .h2{text-shadow:0 1px 18px rgba(243,234,219,.85)}
.region .eyebrow{text-shadow:0 1px 10px rgba(243,234,219,.8)}

/* --- регионы: кремовая вуаль поверх фото, плотнее тёмной — тёмный текст требует больше «штукатурки» --- */
.region__veil{
  background:linear-gradient(180deg,
    var(--bg) 0%,rgba(243,234,219,.68) 14%,rgba(243,234,219,.59) 46%,rgba(243,234,219,.70) 80%,var(--bg) 100%);
}
.region__veil::after{background:radial-gradient(90% 60% at 50% 55%,rgba(243,234,219,.34),rgba(243,234,219,0) 70%)}
.region__veil--contacts{
  background:linear-gradient(180deg,var(--bg) 0%,rgba(243,234,219,.70) 18%,rgba(243,234,219,.65) 60%,rgba(243,234,219,.79) 100%);
}
.region--contacts .region__veil::after{background:radial-gradient(70% 70% at 30% 50%,rgba(243,234,219,.36),rgba(243,234,219,0) 70%)}

/* ==========================================================================
   Кнопки, чипы, стекло, плитки
   ========================================================================== */
.btn{color:#FBF3E4}
/* «кремовая» кнопка на беже невидима — в светлой она чернильная */
.btn-cream{
  background:linear-gradient(180deg,#3B2D20,#231A11);color:#F3EADB;
  box-shadow:0 10px 24px -10px rgba(42,31,21,.45);
}
.btn-cream:hover{box-shadow:0 14px 30px -10px rgba(42,31,21,.5)}
.btn-ghost{border-color:rgba(59,45,32,.26)}

.glass{
  background:rgba(246,239,226,.66);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 16px 40px -14px rgba(74,52,30,.28);
}
.glass-card{background:var(--glass-bg);box-shadow:var(--shadow-glass)}

/* пилюли поверх фото — на матовой кремовой подложке, иначе тёмное золото тонет в снимке */
.hero__badge .pill,.hall .pill,.pg-hall__img .pill,.region--hall .pill,.pg-hero .pill{
  background:rgba(246,239,226,.82);border-color:rgba(169,133,61,.45);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}

.fact{background:rgba(231,218,194,.5)}
.region .fact{background:rgba(246,239,226,.8);border-color:rgba(59,45,32,.14)}
.pg-stats .fact{background:rgba(231,218,194,.55)}

/* ==========================================================================
   Хиро: видео сверху «выгорает» на солнце, снизу — кремовая штукатурка под тёмный текст
   ========================================================================== */
.hero__veil--flat{background:rgba(243,234,219,.06)}
.hero__veil--grad{background:linear-gradient(180deg,
  rgba(243,234,219,.14) 0%,rgba(243,234,219,0) 26%,rgba(243,234,219,.14) 56%,rgba(243,234,219,.62) 78%,rgba(243,234,219,.88) 90%,var(--bg) 100%)}
.hero__veil--glow{background:radial-gradient(70% 40% at 50% 70%,rgba(169,133,61,.16),transparent 70%)}
.hero__title{text-shadow:0 1px 20px rgba(243,234,219,.85)}
.hero__kicker,.pg-hero__kicker,.it-hero .eyebrow{text-shadow:0 1px 10px rgba(243,234,219,.9)}
.hero__text,.pg-hero__text{color:#4A3A2A}
.grain{opacity:.05;mix-blend-mode:multiply}
@media (min-width:768px){
  .hero__veil--grad{background:linear-gradient(180deg,
    rgba(243,234,219,.12) 0%,rgba(243,234,219,0) 32%,rgba(243,234,219,.12) 60%,rgba(243,234,219,.6) 82%,rgba(243,234,219,.88) 92%,var(--bg) 100%)}
}

/* ==========================================================================
   Секции главной
   ========================================================================== */
.map iframe{filter:saturate(.7) sepia(.18) contrast(1.02)}
.feat span{color:#5A4A3A}
/* графика таро — бежевая штриховка; в тёмной её инвертировали, здесь просто затемняем в коричневый */
.wine__art{filter:sepia(.5) saturate(1.2) brightness(.7);opacity:.2}
.pg-art{filter:sepia(.5) saturate(1.2) brightness(.7) drop-shadow(0 10px 22px rgba(74,52,30,.35))}
.sheet__tarot-img{filter:sepia(.5) saturate(1.2) brightness(.7);opacity:.95}

.footer{border-top-color:rgba(59,45,32,.14)}
.footer__copy{color:#9A8A74}

/* --- оверлей навигации --- */
.nav{background:rgba(243,234,219,.88)}

/* ==========================================================================
   Внутренние страницы (.pg-*)
   ========================================================================== */
.pg-hero__title,.it-hero__title{text-shadow:0 1px 20px rgba(243,234,219,.85)}
.pg-quote__veil{background:linear-gradient(180deg,var(--bg) 0%,rgba(243,234,219,.66) 20%,rgba(243,234,219,.63) 60%,var(--bg) 100%)}
.pg-cta__veil{background:linear-gradient(180deg,var(--bg) 0%,rgba(243,234,219,.63) 22%,rgba(243,234,219,.63) 70%,var(--bg) 100%)}
.pg-quote__text{text-shadow:0 1px 16px rgba(243,234,219,.85)}
.pg-quote__author{text-shadow:0 1px 10px rgba(243,234,219,.8)}

/* табы и чипы фильтров */
.pg-tab{border-color:rgba(59,45,32,.28)}
.pg-tab.is-on{background:var(--ink);color:#F3EADB;border-color:var(--ink)}
.pg-tab.is-on small{color:rgba(243,234,219,.62)}

/* метки блюд — те же оттенки, но тёмный текст на светлой заливке */
.pg-tag--veg{border-color:rgba(90,130,60,.5);color:#3E6A22;background:rgba(122,160,90,.16)}
.pg-tag--lent{border-color:rgba(120,100,170,.45);color:#5A4A8C;background:rgba(160,140,200,.14)}
.pg-tag--kids{border-color:rgba(214,90,49,.5);color:#A0401C;background:rgba(214,90,49,.12)}
.pg-tag--spicy{border-color:rgba(196,71,43,.55);color:#98301A;background:rgba(196,71,43,.14)}

/* лайтбокс — светлый, с тёплой тенью */
.pg-lb{background:rgba(243,234,219,.94)}
.pg-lb__img{box-shadow:0 30px 80px rgba(74,52,30,.35)}
.pg-lb__btn{background:rgba(246,239,226,.72);border-color:rgba(59,45,32,.2)}

/* ==========================================================================
   Италия (.it-*)
   ========================================================================== */
.it-region__text,.it-product__text,.it-event__text,.it-ritual span{color:#5A4A3A}
.it-region__num{background:rgba(246,239,226,.84)}
.it-tag--signature{background:rgba(196,71,43,.88);border-color:rgba(166,58,32,.7)}
.it-tag--veg,.it-tag--lent{color:#4D6B2A;border-color:rgba(77,107,42,.4)}

/* ==========================================================================
   Окно брони
   ========================================================================== */
.sheet{background:rgba(42,31,21,.42)}
.sheet__box{
  background:rgba(246,239,226,.97);border-color:rgba(59,45,32,.16);
  box-shadow:0 30px 60px -30px rgba(42,31,21,.5),inset 0 1.5px 0 rgba(255,255,255,.8);
}
.sheet__close{border-color:rgba(59,45,32,.2);background:rgba(59,45,32,.06)}
.callout{box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}

.input{background:rgba(255,255,255,.5)}
.input:focus{background:rgba(255,255,255,.82)}
.input::placeholder{color:#9C8B73}
select.input{
  color-scheme:light;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%2385652A' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
input.input[type=date]{color-scheme:light}
input.input[type=date]::-webkit-calendar-picker-indicator{filter:none;opacity:.6}
select.input option:disabled{color:#A69680}

.chip{border-color:rgba(59,45,32,.28)}
.chip.is-on{background:var(--ink);color:#F3EADB;border-color:var(--ink)}

.error{color:#98301A}
.bk-hint--few{color:#7A5610}
.bk-hint--closed{color:#98301A}

/* водяные знаки на карточках причин: на беже чуть плотнее и без затемняющего градиента */
.feat__art{opacity:.32}
.feat--art::after{background:linear-gradient(180deg,transparent 30%,rgba(243,234,219,.55) 100%)}