/*
  Тема портала D — «Рабочий стол, Manrope» (макеты: design/*.png, правила: design/concept.md).

  Формат — как у экспорта tweakcn: блоки :root и .dark с переменными shadcn/ui, которые читает
  Basecoat (--background, --primary, --radius…). Подключается ПОСЛЕ basecoat.cdn.min.css.

  Это не пресет tweakcn: палитра собрана вручную. Шрифт — Manrope.

  Сверх переменных shadcn — свои, помечены «портал»: статусы (успех, предупреждение, мягкие фоны),
  цвет ссылок, подсветка строки целевого сайта, тёмная шапка, цвета данных. Их читает site.css.

  Контраст проверен: основной и приглушённый текст, ссылки и статусы — не ниже 4,5:1 на своём фоне
  в обеих темах; белый текст на --primary — 5,5:1 (светлая) и 4,7:1 (тёмная).
*/

/* ── Шрифт ── Manrope переменного начертания (200–800 в одном файле), латиница и кириллица отдельно:
   браузер качает только нужное подмножество. */

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('../lib/manrope-gf-v20/manrope-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: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('../lib/manrope-gf-v20/manrope-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

html {
  font-family: var(--font-sans);
}

/* ── Светлая ─────────────────────────────────────────────────────────────── */

:root {
  color-scheme: light;

  --background: #f4f5f7;            /* серый фон страницы */
  --foreground: #16181d;
  --card: #ffffff;                  /* белые секции */
  --card-foreground: #16181d;
  --popover: #ffffff;
  --popover-foreground: #16181d;
  --primary: #1f68bc;               /* синий акцент: «Создать», активные элементы */
  --primary-foreground: #ffffff;
  --secondary: #eef0f3;
  --secondary-foreground: #16181d;
  --muted: #eef0f3;                 /* шапки таблиц, дорожки полосок и переключателей */
  --muted-foreground: #5d6470;
  --accent: #f0f6ff;
  --accent-foreground: #1a5aa6;
  --destructive: #b8322d;           /* ошибка, «Остановить» */
  --destructive-foreground: #ffffff;
  --border: #e1e5ea;                /* рамки секций и линии между строками */
  --input: #c9ced6;                 /* рамки полей и кнопок-контуров */
  --ring: #1f68bc;

  --chart-1: #1f68bc;               /* целевой сайт */
  --chart-2: #9fb3cc;               /* остальные сайты */
  --chart-3: #9cc0ec;               /* интервал по сайту */
  --chart-4: #dde9f8;               /* интервал семейства */
  --chart-5: #5d6470;

  --radius: 0.375rem;               /* 6 px */

  --sidebar: #1b1e24;               /* у портала нет боковой панели — те же значения, что у шапки */
  --sidebar-foreground: #eef0f3;
  --sidebar-primary: #1f68bc;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #2d323b;
  --sidebar-accent-foreground: #ffffff;
  --sidebar-border: #2d323b;
  --sidebar-ring: #1f68bc;

  --font-sans: 'Manrope', ui-sans-serif, sans-serif, system-ui;
  --font-serif: ui-serif, serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  --shadow-2xs: 0 1px 2px 0 rgb(0 0 0 / 0.04);
  --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.06), 0 1px 1px -1px rgb(0 0 0 / 0.04);
  --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.07), 0 1px 2px -1px rgb(0 0 0 / 0.05);
  --shadow-md: 0 2px 6px -1px rgb(0 0 0 / 0.08), 0 1px 3px -1px rgb(0 0 0 / 0.05);
  --shadow-lg: 0 8px 24px -4px rgb(22 24 29 / 0.18);
  --shadow-xl: 0 12px 32px -6px rgb(22 24 29 / 0.2);
  --shadow-2xl: 0 24px 48px -12px rgb(22 24 29 / 0.25);
  --letter-spacing: 0rem;
  --tracking-normal: 0rem;
  --spacing: 0.25rem;

  /* портал */
  --success: #1f7a48;
  --success-soft: #e0f5e6;
  --warning: #8f5c06;
  --warning-soft: #fbefd6;
  --destructive-soft: #ffe7e4;
  --link: #1a5aa6;                  /* ссылки — темнее --primary, чтобы читались мелким текстом */
  --row-target: #f0f6ff;            /* строка целевого сайта */
  --header: #1b1e24;                /* тёмная шапка сайта — в обеих темах */
  --header-foreground: #eef0f3;
  --header-muted: #a3aab5;
  --header-active: #2d323b;
  --scrim: rgb(22 24 29 / 0.32);    /* затемнение под выезжающей панелью */
}

/* ── Тёмная ──────────────────────────────────────────────────────────────── */

.dark {
  color-scheme: dark;

  --background: #0f1115;
  --foreground: #e6e8ec;
  --card: #171a20;                  /* секции светлее фона */
  --card-foreground: #e6e8ec;
  --popover: #171a20;
  --popover-foreground: #e6e8ec;
  --primary: #2f74c9;
  --primary-foreground: #ffffff;
  --secondary: #1e222a;
  --secondary-foreground: #e6e8ec;
  --muted: #11141a;                 /* подложки темнее секций */
  --muted-foreground: #9aa3b0;
  --accent: #172538;
  --accent-foreground: #7fb2f0;
  --destructive: #f27b74;
  --destructive-foreground: #0f1115; /* светло-красная заливка — тёмный текст */
  --border: #262b33;
  --input: #353b45;
  --ring: #5b9be6;

  --chart-1: #5b9be6;
  --chart-2: #4a5a70;
  --chart-3: #3f6aa0;
  --chart-4: #22354d;
  --chart-5: #9aa3b0;

  --radius: 0.375rem;

  --sidebar: #0b0d10;
  --sidebar-foreground: #e6e8ec;
  --sidebar-primary: #2f74c9;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #232830;
  --sidebar-accent-foreground: #ffffff;
  --sidebar-border: #232830;
  --sidebar-ring: #5b9be6;

  --font-sans: 'Manrope', ui-sans-serif, sans-serif, system-ui;
  --font-serif: ui-serif, serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  --shadow-lg: 0 8px 24px -4px rgb(0 0 0 / 0.5);
  --shadow-xl: 0 12px 32px -6px rgb(0 0 0 / 0.55);

  /* портал */
  --success: #5cc98a;
  --success-soft: #15291d;
  --warning: #e3a948;
  --warning-soft: #2e2410;
  --destructive-soft: #33191a;
  --link: #7fb2f0;
  --row-target: #172538;
  --header: #0b0d10;
  --header-foreground: #e6e8ec;
  --header-muted: #9aa3b0;
  --header-active: #232830;
  --scrim: rgb(0 0 0 / 0.55);
}

body {
  letter-spacing: var(--tracking-normal);
}