/*
 * Дизайн-токены Arcarius.
 * Тема по умолчанию — светлая (:root), тёмная включается атрибутом [data-theme="dark"]
 * или системной настройкой, если страница не зафиксировала тему атрибутом [data-theme="light"].
 * Блок тёмной темы повторён дважды: селектор внутри @media нельзя объединить с атрибутным.
 */

:root {
  color-scheme: light;

  /* Шрифты */
  --font-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --font-serif: "IBM Plex Serif", Georgia, "Times New Roman", serif;

  /* Размеры шрифта: рабочий размер 13px, как в плотных учётных программах */
  --fs-2xs: 10px;
  --fs-xs: 11px;
  --fs-sm: 12px;
  --fs-base: 13px;
  --fs-md: 14px;
  --fs-lg: 16px;
  --fs-xl: 20px;
  --fs-2xl: 28px;
  --lh-tight: 1.2;
  --lh-base: 1.4;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;

  /* Отступы: шаг 4px */
  --sp-px: 1px;
  --sp-half: 2px;
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;

  /* Радиусы: сдержанные, строгие */
  --r-xs: 2px;
  --r-sm: 3px;
  --r-md: 5px;
  --r-lg: 8px;
  --r-pill: 999px;

  /* Плотность: «рабочая» по умолчанию */
  --row-h: 28px;
  --ctl-h: 28px;
  --cell-px: 8px;
  --ctl-fs: var(--fs-base);
  --icon: 16px;
  --hit: 28px;

  /* Движение */
  --dur-fast: 120ms;
  --dur-base: 180ms;

  /* Слои цвета: пергамент */
  --bg: #efeadb;
  --surface: #fbfaf5;
  --surface-2: #f3efe2;
  --surface-3: #ece7d5;
  --border: #d8d0bb;
  --border-strong: #bdb398;
  --text: #1d2a22;
  --text-muted: #566057;
  --text-faint: #666f63;

  /* Бренд: глубокий зелёный и бронза */
  --brand: #1e4d3b;
  --brand-hover: #163c2e;
  --brand-contrast: #f7f3e6;
  --brand-soft: #dde9e1;
  --accent: #8f6325;
  --accent-soft: #f1e4c8;
  --accent-contrast: #ffffff;
  --link: #1e4d3b;
  --focus: #b8802b;
  --selection: #dde9e1;

  /* Смысловые цвета */
  --danger: #a93226;
  --danger-soft: #f6d9d4;
  --danger-solid: #a93226;
  --danger-solid-hover: #8e281e;
  --on-danger: #ffffff;
  --success: #2f7d45;
  --warning: #a8650a;
  --info: #25608f;

  /* Деньги: минус — клиент должен нам, плюс — мы должны клиенту */
  --bal-they-owe: #a93226;
  --bal-we-owe: #25608f;

  /* Статусы заказной позиции (ТЗ §6.6): фон и текст */
  --st-new-bg: #e7e6e0;
  --st-new-fg: #4a4f47;
  --st-work-bg: #dce8f3;
  --st-work-fg: #1f4e79;
  --st-sent-bg: #e6e0f3;
  --st-sent-fg: #4b3a8a;
  --st-transit-bg: #f6e7c6;
  --st-transit-fg: #7a4b05;
  --st-arrived-bg: #d5ece8;
  --st-arrived-fg: #0f5c52;
  --st-ready-bg: #d9edd3;
  --st-ready-fg: #24611f;
  --st-issued-bg: #ecebe4;
  --st-issued-fg: #5f645b;
  --st-refused-bg: #f6d9d4;
  --st-refused-fg: #9b2a1f;
  --st-proc-bg: #f0dcea;
  --st-proc-fg: #7a2a62;
  --st-cancel-bg: #e5dfdc;
  --st-cancel-fg: #6a4f48;
  --st-ret-bg: #f4dcc8;
  --st-ret-fg: #86400f;

  /* QR СБП: тёмные модули на светлом поле в обеих темах, иначе код не считывается */
  --qr-bg: #ffffff;
  --qr-fg: #101410;

  /* Видоискатель камеры (мобильное, 2.10): изображение с камеры тёмное в обеих темах, рамка и подписи поверх него */
  --cam-bg: #0b100d;
  --cam-fg: #f2efe2;
  --cam-frame: #d4a35b;
  --cam-ok: #6cc184;
  --cam-bad: #f4a79e;

  /* Тени */
  --shadow-1: 0 1px 2px rgba(29, 42, 34, 0.08);
  --shadow-2: 0 4px 14px rgba(29, 42, 34, 0.14);
  --shadow-focus: 0 0 0 2px var(--surface), 0 0 0 4px var(--focus);
}

/* Плотность: удобная (мышь, много места) и сенсорная (касса на POS-терминале, 2.5) */
[data-density="comfortable"] {
  --row-h: 36px;
  --ctl-h: 34px;
  --cell-px: 12px;
  --ctl-fs: var(--fs-md);
  --icon: 18px;
  --hit: 34px;
}

[data-density="touch"] {
  --row-h: 52px;
  --ctl-h: 48px;
  --cell-px: 14px;
  --ctl-fs: var(--fs-lg);
  --icon: 22px;
  --hit: 48px;
}

/* Тёмная тема: системная, если страница не зафиксировала светлую */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #0e1612;
    --surface: #142019;
    --surface-2: #1a2a22;
    --surface-3: #20332a;
    --border: #2b3f34;
    --border-strong: #3b5446;
    --text: #e9e5d5;
    --text-muted: #a7b2a2;
    --text-faint: #85917f;
    --brand: #4fa37f;
    --brand-hover: #62b692;
    --brand-contrast: #07140d;
    --brand-soft: #1d3a2e;
    --accent: #d4a35b;
    --accent-soft: #3a2e17;
    --accent-contrast: #1a1203;
    --link: #7cc5a2;
    --focus: #d4a35b;
    --selection: #1d3a2e;
    --danger: #f08a7e;
    --danger-soft: #561f19;
    --danger-solid: #c2483a;
    --danger-solid-hover: #d05a4c;
    --on-danger: #ffffff;
    --success: #6cc184;
    --warning: #e0a04a;
    --info: #7fb4e0;
    --bal-they-owe: #f08a7e;
    --bal-we-owe: #7fb4e0;
    --st-new-bg: #2a332d;
    --st-new-fg: #bfc7bb;
    --st-work-bg: #1d3550;
    --st-work-fg: #a9ccee;
    --st-sent-bg: #32295a;
    --st-sent-fg: #cbbdf2;
    --st-transit-bg: #4a3512;
    --st-transit-fg: #f0c77a;
    --st-arrived-bg: #15423c;
    --st-arrived-fg: #8ddcce;
    --st-ready-bg: #1f4220;
    --st-ready-fg: #a5e09b;
    --st-issued-bg: #222b25;
    --st-issued-fg: #8f9a8b;
    --st-refused-bg: #561f19;
    --st-refused-fg: #f4a79e;
    --st-proc-bg: #4a2342;
    --st-proc-fg: #efb5de;
    --st-cancel-bg: #352c29;
    --st-cancel-fg: #cdb4ac;
    --st-ret-bg: #4d2c13;
    --st-ret-fg: #f2b98a;
    --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.5);
    --shadow-2: 0 6px 20px rgba(0, 0, 0, 0.55);
  }
}

/* Тёмная тема: явный выбор */
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0e1612;
  --surface: #142019;
  --surface-2: #1a2a22;
  --surface-3: #20332a;
  --border: #2b3f34;
  --border-strong: #3b5446;
  --text: #e9e5d5;
  --text-muted: #a7b2a2;
  --text-faint: #85917f;
  --brand: #4fa37f;
  --brand-hover: #62b692;
  --brand-contrast: #07140d;
  --brand-soft: #1d3a2e;
  --accent: #d4a35b;
  --accent-soft: #3a2e17;
  --accent-contrast: #1a1203;
  --link: #7cc5a2;
  --focus: #d4a35b;
  --selection: #1d3a2e;
  --danger: #f08a7e;
  --danger-soft: #561f19;
  --danger-solid: #c2483a;
  --danger-solid-hover: #d05a4c;
  --on-danger: #ffffff;
  --success: #6cc184;
  --warning: #e0a04a;
  --info: #7fb4e0;
  --bal-they-owe: #f08a7e;
  --bal-we-owe: #7fb4e0;
  --st-new-bg: #2a332d;
  --st-new-fg: #bfc7bb;
  --st-work-bg: #1d3550;
  --st-work-fg: #a9ccee;
  --st-sent-bg: #32295a;
  --st-sent-fg: #cbbdf2;
  --st-transit-bg: #4a3512;
  --st-transit-fg: #f0c77a;
  --st-arrived-bg: #15423c;
  --st-arrived-fg: #8ddcce;
  --st-ready-bg: #1f4220;
  --st-ready-fg: #a5e09b;
  --st-issued-bg: #222b25;
  --st-issued-fg: #8f9a8b;
  --st-refused-bg: #561f19;
  --st-refused-fg: #f4a79e;
  --st-proc-bg: #4a2342;
  --st-proc-fg: #efb5de;
  --st-cancel-bg: #352c29;
  --st-cancel-fg: #cdb4ac;
  --st-ret-bg: #4d2c13;
  --st-ret-fg: #f2b98a;
  --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.5);
  --shadow-2: 0 6px 20px rgba(0, 0, 0, 0.55);
}