/* Дизайн-токены ОткудаЛида.
 *
 * Единственное место, где живут «сырые» значения цветов, отступов и размеров.
 * В остальных файлах — только var(--…): цвет литералом в компоненте считается ошибкой.
 */

/* Inter лежит локально: Google Fonts из России недоступен, а внешняя зависимость в проде не нужна.
 * Латиница и кириллица разделены — браузер тянет только тот кусок, который реально нужен странице. */
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/fonts/inter-cyrillic-400.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/fonts/inter-latin-400.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+2000-206F, U+20AC, U+2122, U+2212;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/static/fonts/inter-cyrillic-500.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/static/fonts/inter-latin-500.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+2000-206F, U+20AC, U+2122, U+2212;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/static/fonts/inter-cyrillic-600.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/static/fonts/inter-latin-600.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+2000-206F, U+20AC, U+2122, U+2212;
}

:root {
  /* Поверхности и текст */
  --bg: #f7f8fa;
  --surface: #ffffff;
  --surface-sunken: #f2f3f6;   /* фон hover-строк, зебры, «утопленных» блоков */
  --border: #e6e8ec;
  --border-strong: #d3d7de;    /* рамка полей ввода: должна читаться на белом */
  --text: #14161a;
  --text-muted: #6b7280;

  /* Акцент — единственный «фирменный» цвет интерфейса */
  --accent: #3b5bdb;
  --accent-hover: #2f4cc0;
  --accent-soft: #eef1fd;      /* подложка под акцентные бейджи и выделения */

  /* Статусы */
  --success: #0e7a4f;
  --success-soft: #e7f6ef;
  --warning: #92400e;
  --warning-soft: #fef3c7;
  --danger: #b42318;
  --danger-soft: #fdf0ee;

  /* Данные на графиках. Держим отдельно от статусных цветов: у ряда «отписки» смысл
   * не «ошибка», а «отток», и красить его в --danger было бы враньём. */
  --data-clicks: #3b5bdb;
  --data-joins: #0e9f6e;
  --data-leaves: #e8590c;
  --chart-grid: #eef0f3;

  /* Типографика */
  --font-sans: Inter, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "Cascadia Mono", Consolas, monospace;
  --text-xs: 12px;
  --text-sm: 13px;
  --text-base: 14px;
  --text-md: 16px;
  --text-lg: 20px;
  --text-xl: 28px;
  --text-2xl: 36px;

  /* Отступы */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;

  /* Форма */
  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 14px;
  --radius-full: 999px;

  /* Тени. Кабинет аналитики — плоский: тень нужна тому, что физически «над» страницей
   * (меню, всплывашки), а не каждой карточке. */
  --shadow-sm: 0 1px 2px rgba(20, 22, 26, .05);
  --shadow: 0 4px 12px rgba(20, 22, 26, .08);
  --shadow-lg: 0 12px 32px rgba(20, 22, 26, .12);
}