/*
 * Дизайн-токены LLM-портала.
 * Значения HSL-триплетов взяты из эталона dev-портала (§4).
 * Применение: hsl(var(--token)); полупрозрачный — hsl(var(--token) / .12).
 *
 * Шрифты лежат локально в /panel/fonts (Onest и JetBrains Mono, OFL),
 * скачаны с Google Fonts; это вариативные файлы, покрывающие нужные веса.
 * Внешних подключений и URL здесь нет и быть не должно.
 */

/* Onest: latin + cyrillic, вариативный вес 400–700 */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/panel/fonts/Onest-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

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

/* JetBrains Mono: latin + cyrillic, вариативный вес 400–500 */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url('/panel/fonts/JetBrainsMono-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

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

:root {
  /* Палитра — светлая тёплая */
  --background: 44 33% 95%;
  --foreground: 220 18% 7%;
  --card: 0 0% 100%;
  --card-foreground: 220 18% 7%;
  --popover: 0 0% 100%;
  --popover-foreground: 220 18% 7%;
  --primary: 17 86% 53%;
  --primary-foreground: 0 0% 100%;
  --secondary: 44 28% 90%;
  --secondary-foreground: 220 18% 7%;
  --muted: 44 28% 90%;
  --muted-foreground: 219 12% 34%;
  --accent: 22 80% 92%;
  --accent-foreground: 17 86% 45%;
  --destructive: 15 90% 41%;
  --destructive-foreground: 0 0% 100%;
  --border: 44 23% 87%;
  --input: 44 23% 87%;
  --ring: 17 86% 53%;
  --side-bg: 220 18% 7%;

  /* Статусы */
  --ok: 154 63% 33%;
  --warn: 35 87% 42%;
  --bad: 15 90% 41%;

  /* Метки проектов и бейджи */
  --blue: 213 45% 40%;
  --purple: 236 48% 48%;
  --teal: 176 60% 28%;

  /* Боковое меню (тёмное в обеих темах) */
  --side-fg: 45 35% 93%;
  --side-muted: 42 12% 62%;
  --side-hover: 0 0% 100% / 0.07;
  --side-active-bg: 0 0% 100% / 0.12;
  --side-active-fg: 0 0% 100%;
  --side-border: 0 0% 100% / 0.09;

  /* Типографика */
  --font-sans: 'Onest', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Каркас */
  --navbar-h: 60px;
  --side-w: 224px;
  --side-cw: 62px;
  --ctrl-h: 32px;

  /* Скругления */
  --radius: 12px;
  --radius-sm: 9px;
  --radius-xs: 7px;
  --radius-lg: 16px;
  --radius-tile: 11px;
  --radius-badge: 6px;
}

.dark {
  /* Палитра — кофейно-чёрная */
  --background: 38 13% 7%;
  --foreground: 45 35% 93%;
  --card: 40 18% 10%;
  --card-foreground: 45 35% 93%;
  --popover: 40 18% 10%;
  --popover-foreground: 45 35% 93%;
  --primary: 18 88% 56%;
  --primary-foreground: 30 30% 8%;
  --secondary: 38 20% 13%;
  --secondary-foreground: 45 35% 93%;
  --muted: 38 20% 13%;
  --muted-foreground: 42 12% 66%;
  --accent: 30 22% 14%;
  --accent-foreground: 18 88% 56%;
  --destructive: 11 80% 59%;
  --destructive-foreground: 45 35% 95%;
  --border: 39 17% 16%;
  --input: 39 17% 16%;
  --ring: 18 88% 56%;
  --side-bg: 38 22% 5%;

  /* Статусы */
  --ok: 152 47% 52%;
  --warn: 40 71% 55%;
  --bad: 11 80% 59%;

  /* Метки проектов и бейджи */
  --blue: 211 70% 64%;
  --purple: 240 60% 74%;
  --teal: 174 55% 50%;

  /* Боковое меню */
  --side-fg: 45 35% 93%;
  --side-muted: 42 12% 66%;
  --side-hover: 0 0% 100% / 0.06;
  --side-active-bg: 0 0% 100% / 0.11;
  --side-active-fg: 0 0% 100%;
  --side-border: 0 0% 100% / 0.08;
}