/* Шрифты: хранятся на нашем сайте, лицензия OFL (см. LICENSE-*.txt рядом) */
@font-face { font-family: "Literata"; font-style: normal; font-weight: 400; font-display: swap;
  src: url(/assets/fonts/literata-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: "Literata"; font-style: normal; font-weight: 400; font-display: swap;
  src: url(/assets/fonts/literata-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+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Literata"; font-style: normal; font-weight: 500; font-display: swap;
  src: url(/assets/fonts/literata-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: "Literata"; font-style: normal; font-weight: 500; font-display: swap;
  src: url(/assets/fonts/literata-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+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: "Golos Text"; font-style: normal; font-weight: 400; font-display: swap;
  src: url(/assets/fonts/golos-text-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: "Golos Text"; font-style: normal; font-weight: 400; font-display: swap;
  src: url(/assets/fonts/golos-text-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+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Golos Text"; font-style: normal; font-weight: 500; font-display: swap;
  src: url(/assets/fonts/golos-text-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: "Golos Text"; font-style: normal; font-weight: 500; font-display: swap;
  src: url(/assets/fonts/golos-text-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+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  /* Цвет: вариант A, белый и чёрный, акцент один (чёрный) */
  --bg: #ffffff;
  --ink: #111111;
  --muted: #5a5a5a;
  --line: #e3e3e3;
  --accent: #111111;
  --accent-hover: #333333;
  --on-accent: #ffffff;
  --scrim: rgba(17, 17, 17, 0.32);

  /* Цветные поля: одна пара цветов на весь сайт (выбор между парами 1 и 2 ещё открыт) */
  --field-1: #A9E2CB; /* мята */
  --field-2: #EAE88C; /* лимон */

  /* Секции главной: светлая тема */
  --s-tint: #F1F5F8;   /* услуги */
  --s-dark: #0E1112;   /* блок процесса */
  --s-works: var(--bg);
  --s-cta: var(--bg);
  --s-footer: #0E1112;
  --card-bg: var(--bg);
  --on-dark: #F2F4F4;
  --on-dark-muted: #C9CFD0;
  --on-dark-soft: #A9B0B2;
  --on-dark-line: rgba(255, 255, 255, 0.16);
  --field-opacity: 1;
  /* цвет бренда на наведении только там, где проходит контраст 3:1 */
  --brand-telegram: var(--ink);
  --brand-whatsapp: var(--ink);
  --brand-viber: #7360F2;
  --input-bg: #ffffff;
  --input-border: #7A858B;
  --section-sep: transparent; /* разделитель секций: в светлой теме не нужен */

  /* Стекло: вариант 2, тонкая светлая рамка */
  --glass-ink: #111111;
  --glass-bg: rgba(255, 255, 255, 0.28);
  --glass-bg-hover: rgba(255, 255, 255, 0.45);
  --glass-border: rgba(255, 255, 255, 0.95);
  --glass-outline: rgba(17, 17, 17, 0.08);
  --glass-shadow: rgba(17, 17, 17, 0.42);
  --glass-fallback: rgba(255, 255, 255, 0.92);

  /* Стеклянные плашки на тёмном */
  --plate-bg: rgba(255, 255, 255, 0.06);
  --plate-border: rgba(255, 255, 255, 0.42);
  --plate-outline: rgba(0, 0, 0, 0.35);
  --plate-glow: rgba(140, 185, 215, 0.22);

  /* Шрифты */
  --font-serif: "Literata", Georgia, "Times New Roman", serif;
  --font-sans: "Golos Text", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Размеры текста */
  --fs-hero: clamp(2.5rem, 1.3rem + 5vw, 5.5rem);
  --fs-h2: clamp(1.875rem, 1.3rem + 2.2vw, 3rem);
  --fs-h3: clamp(1.375rem, 1.15rem + 0.9vw, 1.75rem);
  --fs-lead: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  --fs-body: 1.125rem;
  --fs-small: 0.9375rem;
  --fs-eyebrow: 0.8125rem;

  /* Отступы: шаг 8px */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4.5rem;
  --space-7: 6rem;
  --space-8: 9rem;

  /* Сетка */
  --container: 1200px;
  --gutter: clamp(1rem, 4vw, 2.5rem);
  --header-h: 4.25rem;

  /* Движение */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --t-fast: 160ms;
  --t-med: 280ms;
}

/* Пара 2: голубой лёд и мята */
:root[data-pair="2"] { --field-1: #A9CBEA; --field-2: #9FDCC4; }

/* Вариант фона 2: очень светлый холодный оттенок вместо чисто белого (выбор ещё открыт) */
:root[data-bg="2"] { --bg: #F5F7F9; }

/* ---------- Тёмная тема (пока только на прототипе: html получает класс .themable) ----------
   Не инверсия: два тёмных тона чередуются, поля темнее и другого оттенка, стекло на тёмном. */
:root.themable { color-scheme: light; }
:root.themable[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0F1315;            /* тон 1 */
  --ink: #EEF1F2;
  --muted: #B3BCBF;
  --line: #2A3236;
  --accent: #EEF1F2;
  --accent-hover: #CFD5D7;
  --on-accent: #0F1315;
  --scrim: rgba(0, 0, 0, 0.55);
  --s-tint: #1E262A;        /* тон 2, отличие от тона 1: 1.21:1 */
  --s-dark: #0F1315;
  --s-works: #1E262A;
  --s-cta: #0F1315;
  --s-footer: #1E262A;
  --card-bg: #0F1315;
  --field-1: #1F6B5F;       /* глубокая бирюза */
  --field-2: #5E6B26;       /* приглушённая олива */
  --field-opacity: 0.6;
  --section-sep: #323C41;
  --input-bg: #0F1315;
  --input-border: #7F8A90;
  --brand-whatsapp: #25D366;
  --brand-viber: var(--ink);
  --glass-ink: #FFFFFF;
  --glass-bg: rgba(255, 255, 255, 0.07);
  --glass-bg-hover: rgba(255, 255, 255, 0.14);
  --glass-border: rgba(255, 255, 255, 0.42);
  --glass-outline: rgba(0, 0, 0, 0.4);
  --glass-shadow: rgba(0, 0, 0, 0.6);
  --glass-fallback: rgba(32, 38, 41, 0.96);
}
@media (prefers-color-scheme: dark) {
  :root.themable:not([data-theme]) {
    color-scheme: dark;
    --bg: #0F1315;
    --ink: #EEF1F2;
    --muted: #B3BCBF;
    --line: #2A3236;
    --accent: #EEF1F2;
    --accent-hover: #CFD5D7;
    --on-accent: #0F1315;
    --scrim: rgba(0, 0, 0, 0.55);
    --s-tint: #1E262A;
    --s-dark: #0F1315;
    --s-works: #1E262A;
    --s-cta: #0F1315;
    --s-footer: #1E262A;
    --card-bg: #0F1315;
    --field-1: #1F6B5F;
    --field-2: #5E6B26;
    --field-opacity: 0.6;
    --section-sep: #323C41;
    --input-bg: #0F1315;
    --input-border: #7F8A90;
    --brand-whatsapp: #25D366;
    --brand-viber: var(--ink);
    --glass-ink: #FFFFFF;
    --glass-bg: rgba(255, 255, 255, 0.07);
    --glass-bg-hover: rgba(255, 255, 255, 0.14);
    --glass-border: rgba(255, 255, 255, 0.42);
    --glass-outline: rgba(0, 0, 0, 0.4);
    --glass-shadow: rgba(0, 0, 0, 0.6);
    --glass-fallback: rgba(32, 38, 41, 0.96);
  }
}