/* Shopix AI — токены дизайна «Ботаника» v11 (17.10.2026).
   Подключается первым на всех страницах. Все размеры шрифта сайта — только из шкалы --fs-1…--fs-8
   (8 размеров); проверяет tests/design.test.js. */

/* ---------- Шрифты (свои копии, без внешних запросов) ---------- */

@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400; font-display: swap; src: url('/assets/fonts/manrope-cyrillic-400-normal.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400; font-display: swap; src: url('/assets/fonts/manrope-latin-400-normal.woff2') format('woff2'); 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+20BD, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 600; font-display: swap; src: url('/assets/fonts/manrope-cyrillic-600-normal.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 600; font-display: swap; src: url('/assets/fonts/manrope-latin-600-normal.woff2') format('woff2'); 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+20BD, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 700; font-display: swap; src: url('/assets/fonts/manrope-cyrillic-700-normal.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 700; font-display: swap; src: url('/assets/fonts/manrope-latin-700-normal.woff2') format('woff2'); 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+20BD, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 500; font-display: swap; src: url('/assets/fonts/cormorant-garamond-cyrillic-500-normal.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 500; font-display: swap; src: url('/assets/fonts/cormorant-garamond-latin-500-normal.woff2') format('woff2'); 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+20BD, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Cormorant Garamond'; font-style: italic; font-weight: 500; font-display: swap; src: url('/assets/fonts/cormorant-garamond-cyrillic-500-italic.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Cormorant Garamond'; font-style: italic; font-weight: 500; font-display: swap; src: url('/assets/fonts/cormorant-garamond-latin-500-italic.woff2') format('woff2'); 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+20BD, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  color-scheme: light;

  /* Палитра «Ботаника» */
  --ink: #1F2A22;           /* основной текст */
  --ink-2: #2A3630;         /* второстепенный текст на светлом */
  --muted: #5E6C62;         /* подписи на светлом (контраст ≥ 4,5:1 на стекле) */
  --paper: #F7F6F1;         /* слоновая кость: текст на тёмном, светлые кнопки */
  --paper-2: #D3DFD0;       /* второстепенный текст на тёмном */
  --pine: #2F5E45;          /* главный зелёный: ссылки, выбор, переключатели */
  --pine-d: #264D38;
  --gold: #C9A24E;          /* акцент: искра CTA, бейдж тарифа, кольцо фокуса */
  --gold-l: #E9C85B;
  --moss: #8FA98F;
  --line: #D9DDD3;          /* рамки полей и светлых кнопок */
  --danger: #8A3B2E;
  --danger-bg: #F6E9E5;
  --footer: #0F1A14;

  --glass-l: rgba(255, 255, 255, .86);   /* светлое стекло — карточки с текстом */
  --glass-d: rgba(8, 18, 12, .76);       /* тёмное стекло — главная кнопка, результат, баланс */
  --shadow: 0 8px 24px rgba(20, 30, 20, .18);
  --halo: drop-shadow(0 0 1.2px rgba(10, 20, 14, .95)) drop-shadow(0 1px 2px rgba(10, 20, 14, .7)) drop-shadow(0 0 10px rgba(10, 20, 14, .35));

  /* Скругления: 8 — мелочь, 12 — поля, 16 — плитки, 24 — карточки, pill — кнопки */
  --r-xs: 8px;
  --r-field: 12px;
  --r-s: 16px;
  --r-l: 24px;
  --r-pill: 999px;

  /* Отступы */
  --sp-1: 8px;
  --sp-2: 16px;
  --sp-3: 24px;
  --sp-4: 40px;
  --sp-5: 72px;

  /* Шкала шрифта: ровно 8 размеров на весь сайт */
  --fs-1: 12px;   /* подписи, бейджи, мелкие метки */
  --fs-2: 14px;   /* кнопки, поля, второстепенный текст */
  --fs-3: 16px;   /* основной текст */
  --fs-4: 18px;   /* лид, крупные кнопки, логотип на телефоне */
  --fs-5: 22px;   /* заголовки карточек, подзаголовки секций */
  --fs-6: 28px;   /* заголовки блоков, логотип, цены */
  --fs-7: 40px;   /* заголовки страниц */
  --fs-8: 52px;   /* главный заголовок, крупные числа */

  --font: 'Manrope', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --serif: 'Cormorant Garamond', 'Times New Roman', Georgia, serif;

  --max: 1120px;
  --gutter: 24px;
  --hdr-h: 64px;

  /* Совместимость со старыми именами переменных (стили страниц «Оранжереи») */
  --bone: var(--paper);
  --paper-3: #FFFFFF;
  --mist: #E6EBDF;
  --sage-light: #DCE5D6;
  --sage: #9DB898;
  --sage-2: #7FA27B;
  --pine-top: #33664B;
  --pine-hover: var(--pine-d);
  --peach: #F3EEE1;
  --peach-2: #EAE3D1;
  --apricot: var(--gold);
  --cinnamon: #6B5520;
  --cinnamon-2: #6B5520;
  --text: var(--ink);
  --text-2: var(--ink-2);
  --text-secondary: var(--ink-2);
  --text-muted: var(--muted);
  --text-faint: #7C877F;
  --line-2: var(--line);
  --line-strong: #C3CBBD;
  --line-input: var(--line);
  --danger-2: #A24A3A;
  --danger-border: #E7C9C1;
  --green: var(--pine);
  --green-dark: var(--pine-d);
  --green-hover: var(--pine-d);
  --green-light: #DCE5D6;
  --green-pale: #EEF2E8;
  --green-line: #C3D0BD;
  --white: #FFFFFF;
  --page: transparent;
  --surface: #FFFFFF;
  --surface-muted: #F2F3EE;
  --border: var(--line);
  --border-strong: #C3CBBD;
  --grad-pine: var(--glass-d);
  --grad-paper: var(--glass-l);
  --grad-sage: rgba(238, 242, 232, .92);
  --shadow-pine: var(--shadow);
  --shadow-card: var(--shadow);
  --shadow-float: 0 12px 32px rgba(20, 30, 20, .28);
  --radius-sm: var(--r-field);
  --radius-md: var(--r-s);
  --radius-lg: var(--r-l);
  --radius-xl: var(--r-l);
  --max-narrow: 760px;
  --nav-h: 64px;
}