/* ═══════════════════════════════════════════════════════════
   Vysota tea · Design tokens
   Витягнуто з HTML-макетів v10.2 / Home v15
   ═══════════════════════════════════════════════════════════ */

:root{
  /* Backgrounds */
  --bg:#F6F3EA;
  --paper:#FBF8EF;
  --card:#FFFFFF;
  --band:#EFEBDD;

  /* Ink */
  --ink:#1E2818;
  --ink-2:#2A3421;
  --muted:#8A8778;
  --muted-2:#6B6858;

  /* Pine (primary greens) */
  --pine:#2E4A36;
  --pine-deep:#1A2B20;
  --pine-mid:#3F6249;
  --pine-soft:#E4EDDF;
  --pine-glow:#C9DDC3;

  /* Ochre / gold (warm accents) */
  --ochre:#C17A3F;
  --ochre-deep:#9E5F2A;
  --ochre-soft:#F5E4CE;
  --gold:#D9A874;

  /* Lines */
  --line:#DDD8C8;
  --line-2:#E9E5DB;

  /* Shadows */
  --shadow-s:0 8px 20px -12px rgba(30,40,24,.25);
  --shadow-m:0 24px 48px -28px rgba(30,40,24,.28);
  --shadow-l:0 40px 80px -40px rgba(30,40,24,.35);
  --shadow-xl:0 60px 120px -40px rgba(30,40,24,.5);

  /* Radii */
  --r-xs:6px;
  --r-sm:10px;
  --r-md:14px;
  --r-lg:22px;
  --r-xl:28px;
  --r-2xl:36px;
  --r-full:999px;

  /* Type scales (from macket) */
  --f-serif:"Cormorant Garamond",Georgia,serif;
  --f-hanzi:"Noto Serif SC","Songti SC",serif;
  --f-ui:"Inter",system-ui,-apple-system,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,monospace;

  /* Container */
  --container:1360px;
  --pad-x:40px;

  /* Header height (fixed) */
  --header-h:140px;
}

@media(max-width:1080px){:root{--header-h:118px;--pad-x:32px}}
@media(max-width:720px){:root{--header-h:112px;--pad-x:20px}}