/* =========================================================
   ЧУУК — фирменные шрифты и цвета
   ---------------------------------------------------------
   Этот файл подключается ПЕРВЫМ, до styles.css: здесь лежит
   основа, которую остальные стили могут переопределять.

   Правило простое: цвета и шрифты берём отсюда через var(),
   новые оттенки в разметке не выдумываем.
   ========================================================= */

/* ===== ШРИФТЫ =====
   Файлы лежат в /fonts под латинскими именами. Оригинальные
   папки («Text» и «Логотип») не трогаем — кириллица в пути
   на хостинге иногда отдаётся с ошибкой, поэтому копии.

   font-display: swap — текст рисуется сразу системным
   шрифтом и подменяется, когда файл догрузится. Без этого
   первый экран моргал бы пустотой. */

/* Bebas Neue из проекта убран: узкий плакатный шрифт хорош
   для афиши, но в интерфейсе делает всё «кричащим». Файлы
   остались в /fonts на случай, если понадобятся для баннеров. */

/* Узкий шрифт Oswald — только для плакатных подписей вроде
   «И СМЕТА ГОТОВА!» на заставке. В интерфейсе его не применяем
   по той же причине, по которой отказались от Bebas Neue.
   Лежит у нас в /fonts (два куска: кириллица и латиница),
   чтобы не ходить за ним на чужой сервер при каждом заходе. */

@font-face {
  font-family: 'Oswald';
  src: url('/fonts/Oswald-SemiBold-cyrillic.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Oswald';
  src: url('/fonts/Oswald-SemiBold-latin.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20AC, U+2122;
}

@font-face {
  font-family: 'YS Text Wide';
  src: url('/fonts/YSTextWide-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'YS Text Wide';
  src: url('/fonts/YSTextWide-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'YS Text Wide';
  src: url('/fonts/YSTextWide-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'YS Text Wide';
  src: url('/fonts/YSTextWide-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* ===== ЦВЕТА И РАЗМЕРЫ ===== */

:root {
  /* Фирменный синий. Это тот же цвет, что был захардкожен
     в styles.css 71 раз — менять его здесь безопасно только
     для новых блоков, старые правила про переменную не знают. */
  --chuuk-navy: #03273f;
  --chuuk-navy-deep: #082b47;
  --chuuk-navy-hover: #021c2e;

  /* Акцентный синий: галочка «Проверен», кружки уведомлений,
     кнопка «Войти». Ярче фирменного, чтобы был заметен на нём. */
  --chuuk-blue: #1b6fe8;
  --chuuk-blue-soft: #e8f0fe;

  /* Фон страницы — светло-серый, как в драфте владельца.
     Панели поверх него тёмно-синие или белые. */
  --chuuk-bg: #eceef0;
  --chuuk-surface: #ffffff;
  --chuuk-surface-soft: #f4f6f8;

  --chuuk-ink: #111827;
  --chuuk-muted: #667085;
  --chuuk-muted-light: #98a2b3;
  --chuuk-line: #dbe3ea;

  --chuuk-accent: #ff9800;
  --chuuk-success: #12805c;
  --chuuk-danger: #d32f2f;

  --r-panel: 28px;
  --r-card: 22px;
  --r-field: 14px;
  --r-pill: 999px;

  --shadow-panel: 0 12px 28px rgba(0, 0, 0, .10);
  --shadow-card: 0 8px 22px rgba(0, 0, 0, .10);
  --shadow-float: 0 10px 30px rgba(3, 39, 63, .25);

  /* ШРИФТ ЗАГОЛОВКОВ — СИСТЕМНЫЙ, а не YS Text Wide.
     23 октября владелец сравнил макет (там фирменный шрифт
     не подключился, и всё было набрано системным) с живым
     сайтом и выбрал системный: «объективно работает лучше,
     кроме логотипа». Широкий YS Text Wide в длинных строках
     читается тяжелее и выглядит плакатно.

     Фирменный остался только у логотипа — переменная
     --font-logo ниже. Весь остальной текст и так системный. */
  --font-display: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
                  'Helvetica Neue', Arial, sans-serif;

  /* Логотип ЧУУК — единственное место фирменного шрифта */
  --font-logo: 'YS Text Wide', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-text: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
               'Helvetica Neue', Arial, sans-serif;

  /* Узкий плакатный шрифт. Только для крупных подписей на
     заставке и баннерах, в интерфейсе не используем. */
  --font-condensed: 'Oswald', 'Arial Narrow', var(--font-text);
}

/* ===== БАЗА =====
   Глобального box-sizing в проекте нет, и включать его на всё
   ОПАСНО: календарь (min-width 448px под суммы), карточка
   предложений (width 420px) и счётчики в калькуляторе рассчитаны
   на старое поведение и станут уже на величину своих отступов.

   Поэтому включаем только там, где верстаем заново. */

.auth-bar,
.auth-bar *,
.info-value,
.chuuk-landing,
.chuuk-landing *,
.chuuk-dock,
.chuuk-dock *,
.entry-modal,
.entry-modal * {
  box-sizing: border-box;
}

body {
  margin: 0;
  background: var(--chuuk-bg);
  font-family: var(--font-text);
  color: var(--chuuk-ink);
  -webkit-font-smoothing: antialiased;
}

.chuuk-display {
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: -.01em;
}