/* Единственный источник цветов, размеров и времени. Страницы берут только var(--…). */
@font-face { font-family: "Inter"; font-weight: 100 900; font-display: swap;
  src: url("../fonts/inter-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Inter"; font-weight: 100 900; font-display: swap;
  src: url("../fonts/inter-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215; }

:root {
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fs-xs: 12px; --fs-sm: 13px; --fs-md: 14px; --fs-lg: 16px; --fs-xl: 20px; --fs-display: 36px;
  --lh: 1.45;
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 20px; --sp-6: 24px; --sp-8: 32px;
  --r-sm: 6px; --r-md: 8px; --r-lg: 12px; --r-full: 999px;
  --t-fast: 120ms; --t-med: 200ms; --ease: cubic-bezier(.2,.7,.2,1);
  --side-w: 220px; --ctrl-h: 34px;

  --bg: #f6f7f9;
  --surface: #ffffff;
  --surface-2: #f1f3f6;
  --surface-hover: #eceff3;
  --border: #e1e5ea;
  --border-strong: #c9cfd7;
  --text: #15181d;
  --text-2: #4a525e;
  --text-3: #6b7380;
  --accent: #2b59e0;
  --accent-hover: #2149c4;
  --accent-press: #1a3da8;
  --accent-soft: #e8eefd;
  --on-accent: #ffffff;
  --danger: #c4312b;
  --danger-hover: #a92721;
  --danger-soft: #fdecea;
  --warn-soft: #fff4dc;
  --warn-text: #7a4b00;
  --focus: #2b59e0;
  --shadow: 0 1px 2px rgba(16,24,40,.06), 0 4px 16px rgba(16,24,40,.06);
  --overlay: rgba(15,18,24,.45);

  --st-new-bg: #e6eefe; --st-new-fg: #1f4bc4;
  --st-assigned-bg: #efe8fd; --st-assigned-fg: #5b30b8;
  --st-kp-bg: #fff1d6; --st-kp-fg: #7a4b00;
  --st-paid-bg: #dff5e6; --st-paid-fg: #146c37;
  --st-work-bg: #dcf3f4; --st-work-fg: #0d6266;
  --st-done-bg: #d6efdd; --st-done-fg: #0f5a2c;
  --st-closed-bg: #eceef1; --st-closed-fg: #4a525e;
  --st-lost-bg: #fdecea; --st-lost-fg: #a92721;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0f1115; --surface: #171a20; --surface-2: #1d2128; --surface-hover: #232831;
    --border: #2a2f38; --border-strong: #3a414c;
    --text: #e9ecf1; --text-2: #b4bcc8; --text-3: #8d96a3;
    --accent: #6d8ff5; --accent-hover: #86a2f7; --accent-press: #a0b6f9; --accent-soft: #1d2744; --on-accent: #0b1020;
    --danger: #f0716a; --danger-hover: #f48a84; --danger-soft: #3a1d1c;
    --warn-soft: #3a2d12; --warn-text: #f3c56b; --focus: #86a2f7;
    --shadow: 0 1px 2px rgba(0,0,0,.4), 0 4px 16px rgba(0,0,0,.3); --overlay: rgba(0,0,0,.6);
    --st-new-bg: #1c2847; --st-new-fg: #9db5ff;
    --st-assigned-bg: #2a2147; --st-assigned-fg: #c3adff;
    --st-kp-bg: #3a2d12; --st-kp-fg: #f3c56b;
    --st-paid-bg: #14301f; --st-paid-fg: #7fd9a0;
    --st-work-bg: #12302f; --st-work-fg: #7dd5d6;
    --st-done-bg: #133020; --st-done-fg: #8fe0ab;
    --st-closed-bg: #262a31; --st-closed-fg: #b4bcc8;
    --st-lost-bg: #3a1d1c; --st-lost-fg: #f48a84;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #0f1115; --surface: #171a20; --surface-2: #1d2128; --surface-hover: #232831;
  --border: #2a2f38; --border-strong: #3a414c;
  --text: #e9ecf1; --text-2: #b4bcc8; --text-3: #8d96a3;
  --accent: #6d8ff5; --accent-hover: #86a2f7; --accent-press: #a0b6f9; --accent-soft: #1d2744; --on-accent: #0b1020;
  --danger: #f0716a; --danger-hover: #f48a84; --danger-soft: #3a1d1c;
  --warn-soft: #3a2d12; --warn-text: #f3c56b; --focus: #86a2f7;
  --shadow: 0 1px 2px rgba(0,0,0,.4), 0 4px 16px rgba(0,0,0,.3); --overlay: rgba(0,0,0,.6);
  --st-new-bg: #1c2847; --st-new-fg: #9db5ff;
  --st-assigned-bg: #2a2147; --st-assigned-fg: #c3adff;
  --st-kp-bg: #3a2d12; --st-kp-fg: #f3c56b;
  --st-paid-bg: #14301f; --st-paid-fg: #7fd9a0;
  --st-work-bg: #12302f; --st-work-fg: #7dd5d6;
  --st-done-bg: #133020; --st-done-fg: #8fe0ab;
  --st-closed-bg: #262a31; --st-closed-fg: #b4bcc8;
  --st-lost-bg: #3a1d1c; --st-lost-fg: #f48a84;
  color-scheme: dark;
}