/*
 * Тема «Pride Lab» для стенда ai.pridelab.dev (BRAND_THEME_FILE). Только переопределение токенов
 * :root / .dark из web/src/index.css — стили компонентов не трогаем, они меняются с обновлениями
 * интерфейса. Акцентная пара приходит переменными BRAND_ACCENT* и главнее этого файла.
 *
 * Палитра (согласована с Лисом 06.09.2026): холодный тёмно-синий как основной режим лаборатории,
 * янтарь как акцент (огонь дракона), бирюза вторым акцентом в документах. Светлая тема — тот же
 * набор в светлой нейтрали. Контрасты: текст/фон ≥ 15:1 в обеих, акцент/фон 5.7:1 и 9.5:1.
 */
:root {
  --radius: 10px;

  --background: #f5f7fb;
  --foreground: #182033;
  --card: #ffffff;
  --card-foreground: #182033;
  --popover: #ffffff;
  --popover-foreground: #182033;
  --paper: #ffffff;

  --secondary: #e9eef6;
  --secondary-foreground: #3e4a63;
  --muted: #e9eef6;
  --muted-foreground: #66718c;
  --destructive: #b3261e;
  --border: #d7deea;
  --input: #d7deea;

  --surface-2: #e9eef6;
  --surface-3: #dde4f0;
  --border-strong: #c2ccdd;
  --ok: #1f7a4d;
  --warn: #8a6100;

  --sidebar: #eef2f8;
  --sidebar-foreground: #3e4a63;
  --sidebar-border: #d7deea;

  --shadow-1: 0 1px 2px rgb(24 32 51 / 0.06);
  --shadow-2: 0 1px 2px rgb(24 32 51 / 0.06), 0 8px 26px rgb(24 32 51 / 0.08);
  --shadow-3: 0 4px 12px rgb(24 32 51 / 0.12), 0 28px 70px rgb(24 32 51 / 0.22);
  --glass: rgb(245 247 251 / 0.6);
  --glass-edge: rgb(255 255 255 / 0.7);
  --shadow-nav: 0 12px 34px rgb(24 32 51 / 0.18);

  /* Лаборатория без серифов: заголовки тем же гротеском, что и интерфейс. */
  --font-display: "Golos Text", -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.dark {
  --background: #0b1020;
  --foreground: #e8ecf6;
  --card: #131a2b;
  --card-foreground: #e8ecf6;
  --popover: #131a2b;
  --popover-foreground: #e8ecf6;
  --paper: #151c2e;

  --secondary: #1b2338;
  --secondary-foreground: #c3cbdd;
  --muted: #1b2338;
  --muted-foreground: #8b96b0;
  --destructive: #f28b82;
  --border: #2b3650;
  --input: #2b3650;

  --surface-2: #1b2338;
  --surface-3: #232d45;
  --border-strong: #3a4763;
  --ok: #6fd39b;
  --warn: #e0b65a;

  --sidebar: #0b1020;
  --sidebar-foreground: #c3cbdd;
  --sidebar-border: #2b3650;

  --shadow-1: 0 1px 2px rgb(0 0 0 / 0.3);
  --shadow-2: 0 1px 2px rgb(0 0 0 / 0.3), 0 10px 30px rgb(0 0 0 / 0.35);
  --shadow-3: 0 4px 12px rgb(0 0 0 / 0.4), 0 28px 70px rgb(0 0 0 / 0.55);
  --glass: rgb(19 26 43 / 0.6);
  --glass-edge: rgb(255 255 255 / 0.08);
  --shadow-nav: 0 12px 34px rgb(0 0 0 / 0.5);
}