/* Токены дизайн-системы «ток» v1 — значения из docs/design/design-system.dc.html.
   Все цвета в HEX, все размеры в px; правки — только вместе с макетом. */

@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("fonts/JetBrainsMono-Light.woff2") format("woff2");
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/JetBrainsMono-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/JetBrainsMono-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/JetBrainsMono-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("fonts/JetBrainsMono-ExtraBold.woff2") format("woff2");
}

:root {
  /* нейтральные */
  --ink: #16201c;          /* чернила: текст, активные чипы, тёмные карточки */
  --paper: #f7f6f2;        /* бумага: фон страницы, поля только для чтения */
  --white: #ffffff;        /* карточки, сайдбар, поля ввода */
  --dark-surface: #1f2b26; /* карточки внутри тёмных блоков */
  --dark-outline: #3a4a43; /* контуры на тёмном */
  --on-dark: #f7f6f2;      /* текст на тёмном */
  --on-dark-2: #9aa8a2;    /* вторичный текст на тёмном */
  --on-dark-3: #c8d1cd;    /* третичный текст на тёмном */

  /* мята — единственный акцент */
  --mint: #00d3a7;         /* главное действие, деньги на тёмном, API в графиках */
  --mint-text: #0aa583;    /* акцент в заголовках */
  --link: #0a9a7a;         /* ссылки */
  --mint-tint: #d6f5ec;    /* карточка «сегодня», форма нового ключа, статус «активен» */
  --mint-deep: #0a7f66;    /* подписи на мята-тинте */
  --mint-ink: #2f4a41;     /* пояснения на мята-тинте */

  /* пастели */
  --lavender: #e6e3fa;     /* «экономия», тариф, чат в графиках */
  --lavender-ink: #3f3b66; /* текст на лаванде */
  --violet: #7f78d6;       /* третья модель в графиках, GitHub */
  --peach: #fbe6d8;        /* документы, предупреждения, статус 429 */
  --peach-ink: #5a3e2f;    /* текст на персике */
  --orange: #f0895c;       /* лимит близок (>80 %), Яндекс ID */
  --red: #e05a3a;          /* только контур: отозвать, удалить аккаунт */

  /* текст и контуры */
  --muted: #6b746f;        /* подписи 11–12px */
  --text-2: #4a524e;       /* длинный текст 300 */
  --outline: #dcdad2;      /* контур покоя 1.5px */
  --divider: #eeede8;      /* разделитель внутри белого */
  --divider-weak: #f4f3ee; /* слабый разделитель */
  --hover-bg: #f0efe9;     /* hover пунктов навигации */

  /* радиусы */
  --r-pill: 999px;
  --r-card-xl: 36px;
  --r-card-l: 32px;
  --r-card: 28px;
  --r-card-s: 24px;

  --font: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}