/* Токены AgentsArmy v3 · строгий флагман: светлая земля + тёмные «кинозалы».
   Компоненты берут только смысловые переменные (--fg, --line, --card, --acc…): секция с data-theme="night"
   переопределяет их, и всё внутри перекрашивается само. Радиусы 2–6 px; скругление больше — только у устройств. */
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-var.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("../fonts/jbmono-500.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: light;

  /* палитра: светлая */
  --paper: #f6f7f9;
  --paper-2: #eef0f3;
  --white: #ffffff;
  --ink: #0b0c10;
  --ink-2: #4a4d57;
  --ink-3: #666a75;
  --indigo: #4b44e0;
  --indigo-ink: #3f38c9;
  --indigo-soft: #eeedfc;
  --indigo-wash: #f5f4fe;
  --teal: #0f7a70;
  --danger: #b3261e;

  /* палитра: кинозал */
  --night: #0b0c10;
  --night-2: #121318;
  --night-3: #1a1b22;
  --night-ink: #f3f4f7;
  --night-ink-2: #a3a7b3;
  --night-ink-3: #80848f;
  --night-indigo: #8b85ff;

  /* смысловые (светлая тема) */
  --bg: var(--paper);
  --bg-2: var(--paper-2);
  --card: var(--white);
  --card-2: #fbfbfc;
  --fg: var(--ink);
  --fg-2: var(--ink-2);
  --fg-3: var(--ink-3);
  --line: rgb(11 12 16 / 8%);
  --line-2: rgb(11 12 16 / 14%);
  --line-3: rgb(11 12 16 / 22%);
  --acc: var(--indigo);
  --acc-ink: var(--indigo-ink);
  --acc-soft: var(--indigo-soft);
  --acc-wash: var(--indigo-wash);
  --mark-bg: #e4e2fb;
  --field: #ffffff;

  /* форма */
  --r-1: 2px;
  --r-2: 4px;
  --r-3: 6px;

  /* тень только у устройств и всплывающего */
  --shadow-dev: 0 40px 80px -32px rgb(11 12 16 / 28%), 0 12px 24px -12px rgb(11 12 16 / 12%);
  --shadow-pop: 0 18px 40px -18px rgb(11 12 16 / 22%);

  /* движение */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-io: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-ui: 0.24s;
  --dur-in: 0.9s;

  /* шрифты */
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* сетка */
  --container: 1240px;
  --gutter: 32px;
  --nav-h: 64px;
}

[data-theme="night"] {
  color-scheme: dark;
  --bg: var(--night);
  --bg-2: var(--night-2);
  --card: var(--night-2);
  --card-2: var(--night-3);
  --fg: var(--night-ink);
  --fg-2: var(--night-ink-2);
  --fg-3: var(--night-ink-3);
  --line: rgb(255 255 255 / 8%);
  --line-2: rgb(255 255 255 / 14%);
  --line-3: rgb(255 255 255 / 24%);
  --acc: var(--night-indigo);
  --acc-ink: #a9a4ff;
  --acc-soft: rgb(139 133 255 / 16%);
  --acc-wash: rgb(139 133 255 / 8%);
  --mark-bg: rgb(139 133 255 / 22%);
  --field: rgb(255 255 255 / 4%);
  --shadow-pop: 0 18px 40px -18px rgb(0 0 0 / 60%);
}

@media (max-width: 720px) {
  :root { --gutter: 20px; --nav-h: 58px; }
}