/* Miyuki Torii: цвета и шрифты бренда поверх старых стилей. Раскладка страниц не меняется.
   Три варианта палитры для выбора: <html data-palette="1|2|3">. Имена переменных остались старые:
   --sr-cream = фон, --sr-swamp = главный цвет (шапка, подвал, кнопки), --sr-clay = акцент. */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&display=swap');

:root,
html[data-palette="1"] {
  /* 1. Тёмно-синий блейзер + бордо */
  --sr-cream: #F6F5F1;
  --sr-cream-text: #F3F1EA;
  --sr-swamp: #1E2A44;
  --sr-swamp-dark: #151E33;
  --sr-ink: #161A22;
  --sr-ink-rgb: 22, 26, 34;
  --sr-ink-soft: #6E7380;
  --sr-clay: #7A1F2B;
  --sr-clay-soft: rgba(122, 31, 43, .15);
  --sr-glow: #FFFFFF;
  --sr-tile: #E9E8E3;
  --sr-panel: rgba(255, 255, 255, .9);
  --sr-line: rgba(22, 26, 34, .1);
  --sr-head: 'Cormorant Garamond', 'Times New Roman', serif;
}
html[data-palette="2"] {
  /* 2. Тёмно-зелёный + латунь */
  --sr-cream: #F7F6F2;
  --sr-cream-text: #F4F1E8;
  --sr-swamp: #1F3A2C;
  --sr-swamp-dark: #162B20;
  --sr-ink: #1B2233;
  --sr-ink-rgb: 27, 34, 51;
  --sr-ink-soft: #6F746E;
  --sr-clay: #9A742C;
  --sr-clay-soft: rgba(154, 116, 44, .18);
  --sr-glow: #FFFFFF;
  --sr-tile: #EAE8E1;
  --sr-panel: rgba(255, 255, 255, .9);
  --sr-line: rgba(27, 34, 51, .1);
}
html[data-palette="3"] {
  /* 3. Индиго + ржавчина */
  --sr-cream: #F4F4F1;
  --sr-cream-text: #F2F2EE;
  --sr-swamp: #2B3A55;
  --sr-swamp-dark: #202C42;
  --sr-ink: #1C1F26;
  --sr-ink-rgb: 28, 31, 38;
  --sr-ink-soft: #70747C;
  --sr-clay: #A23A2A;
  --sr-clay-soft: rgba(162, 58, 42, .15);
  --sr-glow: #FFFFFF;
  --sr-tile: #E7E7E3;
  --sr-panel: rgba(255, 255, 255, .9);
  --sr-line: rgba(28, 31, 38, .1);
}

body { background: var(--sr-cream); color: var(--sr-ink); }
a { color: inherit; }

/* Заголовки — классический шрифт с засечками */
h1, h2, h3, h4 { font-family: var(--sr-head); font-weight: 600; letter-spacing: 0; }

/* Логотип в шапке: знак + название */
.logo { display: inline-flex; align-items: center; gap: 10px; font-family: var(--sr-head); }
.logo-mark { height: 34px; width: auto; display: block; }
.logo-word { font-size: 19px; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; color: var(--sr-ink); }
@media (max-width: 760px) {
  .logo-mark { height: 28px; }
  .logo-word { font-size: 14px; letter-spacing: .16em; }
}
@media (max-width: 370px) { .logo-word { display: none; } }

header,
body.scrolled .home-hero header,
.side-menu,
.cart-panel { background: var(--sr-cream); }
header { border-bottom-color: var(--sr-line); }

.size-select-btn,
.add-to-cart-main,
.bookmark-btn.saved,
.lookbook-discount,
.cart-promo-apply:hover,
.price-slider-range,
.cart-checkout { background: var(--sr-swamp); color: var(--sr-cream-text); border-color: var(--sr-swamp); }
.price-range::-webkit-slider-thumb { background: var(--sr-swamp); }
.price-range::-moz-range-thumb { background: var(--sr-swamp); }

.cart-badge { background: var(--sr-clay); color: #fff; }
.hero-bg-wrap { background: var(--sr-swamp); }

footer { background: var(--sr-swamp); color: var(--sr-cream-text); }
footer a { color: var(--sr-cream-text); }