/* Hallmark · Алтън Тетевен прототип v1 · direction: taste hero-object (keep palette,type) · signature: ръчно изписаният номер на бутилката
   critique: нощ от край до край, бутилката е най-светлото нещо; едно злато, само на действието и ръкописа
   waive 54/67: главни разредени етикети — решение на клиента (BRIEF.md), Montserrat 600 +0.14em
   waive taste-two-faces: три шрифта (Kramola / Montserrat / Lemon Tuesday) — решение на клиента
   waive taste-thin-rules: златната линия под header-а — решение от мокъпа; другаде няма линии
   Токени — единственото място с литерални цветове и шрифтове. Всичко останало ги ползва. */

@font-face { font-family: 'Kramola'; src: url('../fonts/Kramola.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'Lemon Tuesday'; src: url('../fonts/LemonTuesday.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-cyrillic.woff2') format('woff2'); font-weight: 400 700; font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-latin.woff2') format('woff2'); font-weight: 400 700; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  /* Нощ — фонът от край до край и тонове за повърхности (стъпки от ~3–5%, без линии и сенки) */
  --night: #000;
  --night-1: #0d0b09;      /* кутия, карта на подарък */
  --night-2: #17130f;      /* полета на формата, панел на количката */
  --cellar: #0f0d0b;
  --night-warm: #0b0704;   /* фон на слайда Традиционна */
  --night-cool: #060708;   /* фон на слайда Натурална */
  --night-wood: #0a0603;   /* фон на слайда с диспенсъра */
  --night-veil: rgba(0, 0, 0, 0.94);  /* плаващата лента на header-а */
  --gold-line: rgba(212, 160, 92, 0.55);
  --hs-glow: rgba(212, 150, 70, 0.30);      /* светлината зад бутилката в слайдера */
  --on-photo: #f1e9d8;                      /* текст върху снимка — светъл и в двете теми */       /* footer — тъмносивото на JD, затоплено */

  /* Кремаво — текстът; три нива */
  --cream: #f1e9d8;        /* основен текст и заглавия */
  --cream-2: #d6ccb9;      /* поддържащ текст (12.4:1 върху черно) */
  --cream-3: #a99f8e;      /* мета, бележки (7.6:1 върху черно) */

  /* Злато — шевицата: действието, ръкописът, фокусът. Нищо друго. */
  --gold: #d4a05c;
  --gold-hover: #e2b779;
  --on-gold: #000;

  /* Хартия — второ поле за предмети на бял студиен фон (диспенсърът) */
  --paper: #efe6d3;
  --paper-2: #e7dcc5;
  --paper-3: #f6efe0;
  --ink: #15110c;
  --ink-2: #4b4135;

  /* Ръбове — само във форми, количката и линията под header-а */
  --edge: rgba(241, 233, 216, 0.18);
  --edge-strong: rgba(241, 233, 216, 0.5);
  --edge-ink: rgba(21, 17, 12, 0.22);
  --scrim: rgba(0, 0, 0, 0.62);
  --amber-glow: rgba(212, 150, 70, 0.22);   /* светлината зад бутилка — единственият радиален тон */
  --wood-glow: rgba(120, 70, 30, 0.42);      /* топлината зад диспенсъра */
  --object-shadow: rgba(0, 0, 0, 0.9);       /* сянката на предмета върху пода */
  --panel-shadow: rgba(0, 0, 0, 0.5);        /* само за това, което плува: количката, картичката */
  --error: #e0816b;
  --error-ink: #f0a08e;

  /* Шрифтове */
  --font-display: 'Kramola', 'Montserrat', Georgia, serif;   /* само h1 и h2 */
  --font-text: 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-hand: 'Lemon Tuesday', 'Segoe Script', cursive;     /* само ръкописни акценти */

  /* Скала: огромно / голямо / текст / малко — четири видими размера */
  --fs-giant: clamp(84px, 12.5vw, 196px);     /* името на продукта зад бутилката */
  --fs-h1: clamp(52px, 7.6vw, 120px);
  --fs-h2: clamp(42px, 5.4vw, 84px);
  --fs-h1-hero: clamp(30px, 2.6vw, 40px);   /* малкият h1 на hero-то (прецедент JW) */
  --fs-h3: clamp(19px, 1.5vw, 22px);
  --fs-lead: clamp(18px, 1.35vw, 21px);
  --fs-body: 17px;
  --fs-small: 15px;
  --fs-label: 13px;
  --fs-price: clamp(26px, 2.4vw, 36px);
  --fs-hand: clamp(30px, 2.8vw, 44px);
  --lh-display: 0.86;
  --lh-text: 1.6;
  --track-label: 0.14em;

  /* Отстояния: основа 8px */
  --s-1: 8px; --s-2: 16px; --s-3: 24px; --s-4: 32px; --s-5: 48px; --s-6: 64px; --s-7: 96px; --s-8: 128px;
  --section: clamp(96px, 12vw, 176px);       /* между секции */
  --gutter: clamp(20px, 4.4vw, 64px);        /* външни полета, еднакви от двете страни */
  --container: 1240px;
  /* Рамката на сайта: лявата линия е вдясно от шевицата (десният ѝ ръб + полето), дясната — на същото разстояние.
     Всичко (текст, бутони, решетки) стои между двете линии; само снимките на цял екран излизат до ръба. */
  --stripe-r: calc(clamp(10px, 3.8vw, 55px) + clamp(77px, 8.75vw, 126px));
  --edge-l: calc(var(--stripe-r) + var(--gutter));
  --edge-r: var(--edge-l);
  --narrow: 880px;
  --header-h: 104px;

  /* Форми и радиуси: хапче за действия, квадрат за предмети, 4px за полета */
  --r-pill: 999px;
  --r-field: 4px;
  --r-card: 0;
  --btn-h: 52px;
  --btn-h-sm: 44px;
  --tap: 44px;

  /* Движение */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-io: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
  --d-press: 140ms;
  --d-ui: 260ms;
  --d-drawer: 420ms;
  --d-reveal: 700ms;
  --d-slide: 1200ms;
}

/* ---------- Светла тема: същите роли, обърнати стойности. Включва се с бутона в header-а ---------- */
:root[data-theme="light"] {
  color-scheme: light;
  --night: #faf7f1;          /* фон на страницата — топло бяло */
  --night-1: #f2ece1;
  --night-2: #e9e1d2;
  --cellar: #efe8db;
  --night-warm: #f6efe3; --night-cool: #f4f3ef; --night-wood: #f3ece2;
  --night-veil: rgba(250, 247, 241, 0.96);
  --cream: #17120c;          /* текст — мастило */
  --cream-2: #4a4036;
  --cream-3: #6b5f50;
  --gold: #86581f;           /* по-тъмно злато: AA върху всички светли повърхности (4,7–5,7:1) */
  --gold-hover: #6f4818;
  --on-gold: #ffffff;
  --gold-line: rgba(134, 88, 31, 0.5);
  --edge: rgba(23, 18, 12, 0.14);
  --edge-strong: rgba(23, 18, 12, 0.42);
  --amber-glow: rgba(212, 150, 70, 0.16);
  --hs-glow: rgba(212, 150, 70, 0.22);
  --object-shadow: rgba(60, 40, 20, 0.28);
  --panel-shadow: rgba(40, 30, 20, 0.18);
}