/* Цвета, радиусы и отступы — строго по docs/design.md, не придумывать свои. */

@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/static/fonts/ibm-plex-sans/ibm-plex-sans-latin-400-normal.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/static/fonts/ibm-plex-sans/ibm-plex-sans-latin-500-normal.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/static/fonts/ibm-plex-sans/ibm-plex-sans-latin-600-normal.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/static/fonts/ibm-plex-mono/ibm-plex-mono-latin-400-normal.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/static/fonts/ibm-plex-mono/ibm-plex-mono-latin-500-normal.woff2") format("woff2");
}

:root {
  --bg-page: #0E1116;
  --bg-header-nav: #11151B;
  --bg-card: #161B22;
  --border: #262D37;
  --border-field: #2F3743;
  --text: #E6EAF0;
  --text-nav: #C9D1DC;
  --text-muted: #9AA4B2;
  --accent: #F2B35B;
  --text-on-accent: #0E1116;
  --status-live-bg: #12301F;
  --status-live-text: #6FD3A6;
  --status-progress-bg: #2A2312;
  --status-progress-text: #F2B35B;
  --attention-bg: #221B10;
  --attention-border: #5A4520;
  --attention-title: #F2B35B;
  --model-claude: #D97757;
  --model-gpt: #E6EAF0;
  --model-yandex: #3D4656;

  --radius-card: 12px;
  --radius-control: 8px;
  --radius-badge: 6px;
  --space-card: 18px;
  --space-between-cards: 16px;
}

* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
  background: var(--bg-page);
  color: var(--text);
  font-family: "IBM Plex Sans", system-ui, sans-serif;
}

.mono {
  font-family: "IBM Plex Mono", ui-monospace, monospace;
}

a {
  color: inherit;
}

input, button {
  font-family: inherit;
}