/* ============================================================
   Matin · сезонні теми
   Тема вмикається одним атрибутом: <html data-theme="winter">.
   Працює на будь-якому елементі — тому сторінка палітр
   (palettes.html) показує всі чотири теми поруч.

   Правило 60 / 30 / 10:
     60% — --paper    спокійний світлий фон із сезонним відтінком
     30% — --night    основний колір сезону (темні секції, бігучий рядок)
     10% — --brass    один акцент (іконки, зірки, номери, декор)
   Текст завжди темний (--ink) на світлому фоні.
   --brass НЕ використовується для тексту на світлому фоні — лише декор;
   для кольорового тексту (ціни, посилання) — --roast.
   Контраст перевірено: див. palettes.html.
   ============================================================ */


/* ---------- Іконки-роздільники (маска, колір = --brass / --brass-soft) ---------- */
:root {
  --icon-snow: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round'><path d='M12 2v20M3.3 7l17.4 10M3.3 17L20.7 7M9.5 3.8 12 6.3l2.5-2.5M9.5 20.2 12 17.7l2.5 2.5M4.3 10.4l3.4-.9-.9-3.4M19.7 13.6l-3.4.9.9 3.4M6.8 17.9l.9-3.4-3.4-.9M17.2 6.1l-.9 3.4 3.4.9'/></svg>");
  --icon-bean: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><ellipse cx='12' cy='12' rx='7' ry='10' transform='rotate%2835 12 12%29'/></svg>");
  --icon-blossom: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><circle cx='12' cy='6.5' r='3.6'/><circle cx='17.2' cy='10.3' r='3.6'/><circle cx='15.2' cy='16.5' r='3.6'/><circle cx='8.8' cy='16.5' r='3.6'/><circle cx='6.8' cy='10.3' r='3.6'/></g></svg>");
  --icon-sun: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'><circle cx='12' cy='12' r='4.2'/><path d='M12 2.5v2.6M12 18.9v2.6M2.5 12h2.6M18.9 12h2.6M5.3 5.3l1.8 1.8M16.9 16.9l1.8 1.8M5.3 18.7l1.8-1.8M16.9 7.1l1.8-1.8'/></svg>");
  --icon-leaf: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2c4.6 3.4 6.2 7.6 4.8 12.2-1 3.2-3 5.6-4.8 7.8-1.8-2.2-3.8-4.6-4.8-7.8C5.8 9.6 7.4 5.4 12 2z'/></svg>");
  --tick-icon: var(--icon-bean);
}

/* ---------- Зима: тиша, ялина, бордо, тепле золото ---------- */
[data-theme="winter"] {
  --shade: #0C1A15;        /* тінь на фото: холодна зелень */
  --glow: 255, 196, 120;   /* тепле світло у вікні */
  --tick-icon: var(--icon-snow);
  --paper: #F3F0E8;        /* 60 · кремовий сніг */
  --paper-2: #E7E4D9;      /* поверхні, картки */
  --ink: #1B231F;          /* текст */
  --ink-soft: #3F4A44;
  --muted: #5B655F;
  --night: #1F3B31;        /* 30 · темно-зелена ялина */
  --night-rgb: 31, 59, 49;
  --roast: #7A2E35;        /* бордо: ціни, виділення */
  --brass: #A8843F;        /* 10 · тепле золото */
  --brass-soft: #D8BF8A;   /* золото на темному */
  --sage: #6E8577;
  --line: rgba(27, 35, 31, 0.14);
  --line-light: rgba(243, 240, 232, 0.16);
}

/* ---------- Весна: молочний, ніжна зелень, пудрова троянда ---------- */
[data-theme="spring"] {
  --shade: #1C2619;
  --glow: 255, 236, 220;
  --tick-icon: var(--icon-blossom);
  --paper: #F8F5EF;        /* 60 · молочний */
  --paper-2: #EEF1E6;      /* світла зелень */
  --ink: #232A22;
  --ink-soft: #465046;
  --muted: #5E685C;
  --night: #4A6547;        /* 30 · свіжа зелень листя */
  --night-rgb: 74, 101, 71;
  --roast: #8E4F5A;        /* темна троянда: ціни */
  --brass: #B27279;        /* 10 · пудрово-рожевий цвіт */
  --brass-soft: #F3DADC;
  --sage: #9DB394;
  --line: rgba(35, 42, 34, 0.12);
  --line-light: rgba(248, 245, 239, 0.2);
}

/* ---------- Літо: пісок, персик, теракота, сонце ---------- */
[data-theme="summer"] {
  --shade: #2A170E;
  --glow: 255, 214, 140;
  --tick-icon: var(--icon-sun);
  --paper: #FAF3E8;        /* 60 · світлий пісок */
  --paper-2: #F4DFCB;      /* персиковий */
  --ink: #2B1F17;
  --ink-soft: #4D3E33;
  --muted: #6A5A4E;
  --night: #94452A;        /* 30 · теракота */
  --night-rgb: 148, 69, 42;
  --roast: #93421F;        /* ціни */
  --brass: #B5811C;        /* 10 · медове сонце */
  --brass-soft: #F8E3AE;
  --sage: #8E9A6E;
  --line: rgba(43, 31, 23, 0.13);
  --line-light: rgba(250, 243, 232, 0.2);
}

/* ---------- Осінь: кориця, гірчиця, гарбуз, темно-червоний ---------- */
[data-theme="autumn"] {
  --shade: #1C110A;
  --glow: 255, 170, 90;
  --tick-icon: var(--icon-leaf);
  --paper: #F5EEE3;        /* 60 · теплий крем */
  --paper-2: #EBDECB;
  --ink: #22170F;
  --ink-soft: #4A3B2F;
  --muted: #6B5C4F;
  --night: #4A2A1A;        /* 30 · кориця / темна кава */
  --night-rgb: 74, 42, 26;
  --roast: #8E3420;        /* темно-червоний: ціни */
  --brass: #C26A2C;        /* 10 · гарбузовий */
  --brass-soft: #DDB25A;   /* гірчиця на темному */
  --sage: #8A7F4E;
  --line: rgba(34, 23, 15, 0.14);
  --line-light: rgba(245, 238, 227, 0.16);
}