/* Упомни interface foundation · revision DGN-017 / DGN-015 · 2026-08-27 */

:where([data-up-theme="light"], [data-up-theme="dark"]) {
  color-scheme: light;

  --bg: #faf9f6;
  --surface: #ffffff;
  --surface-2: #f1efe8;
  --text: #171a24;
  --muted: #6e6d69;
  --line: #d8d4c9;
  --accent: #4656d9;
  --info: #4656d9;
  --ok: #2f765f;
  --warn: #9f661f;
  --err: #b34c5d;
  --accent-soft: #eceeff;
  --info-soft: #eceeff;
  --ok-soft: #e8f2ee;
  --warn-soft: #f7efe3;
  --err-soft: #f7e9ec;
  --on-color: #ffffff;

  --font-display: "IBM Plex Sans", Arial, sans-serif;
  --font-body: "IBM Plex Sans", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;

  --up-type-page: 600 28px/32px var(--font-display);
  --up-type-section: 600 20px/24px var(--font-display);
  --up-type-component: 600 16px/20px var(--font-display);
  --up-type-body: 400 14px/20px var(--font-body);
  --up-type-control: 500 14px/18px var(--font-body);
  --up-type-data: 400 13px/18px var(--font-body);
  --up-type-meta: 400 12px/16px var(--font-body);
  --up-type-metric: 600 32px/36px var(--font-display);

  --radius: 4px;
  --row-h: 32px;
  --pad-page: 24px;

  --up-space-1: 4px;
  --up-space-2: 8px;
  --up-space-3: 12px;
  --up-space-4: 16px;
  --up-space-5: 20px;
  --up-space-6: 24px;
  --up-space-8: 32px;
  --up-space-10: 40px;
  --up-space-12: 48px;
  --up-space-16: 64px;

  --up-control-h: 32px;
  --up-control-px: 10px;
  --up-icon: 16px;
  --up-hit: 32px;
  --up-border: 1px;
  --up-focus: 2px;
  --up-focus-offset: 2px;
  --up-disabled-opacity: 0.46;
  --up-motion-fast: 120ms;
  --up-motion-normal: 180ms;
  --up-ease: cubic-bezier(0.2, 0, 0, 1);
}

[data-up-theme="dark"] {
  color-scheme: dark;
  --bg: #171a24;
  --surface: #1d2230;
  --surface-2: #252b3b;
  --text: #faf9f6;
  --muted: #a5a9b4;
  --line: #343a4c;
  --accent: #4656d9;
  --info: #95a0ff;
  --ok: #68c29a;
  --warn: #d6aa5e;
  --err: #e17d8c;
  --accent-soft: #282d52;
  --info-soft: #282d52;
  --ok-soft: #203a34;
  --warn-soft: #3c3224;
  --err-soft: #422a31;
  --on-color: #ffffff;
}

[data-up-density="compact"] {
  --row-h: 32px;
  --up-control-h: 32px;
  --up-control-px: 10px;
  --up-icon: 16px;
  --up-hit: 32px;
}

[data-up-density="regular"] {
  --row-h: 40px;
  --up-control-h: 40px;
  --up-control-px: 14px;
  --up-icon: 18px;
  --up-hit: 40px;
}

[data-up-density="comfortable"] {
  --row-h: 44px;
  --up-control-h: 44px;
  --up-control-px: 16px;
  --up-icon: 20px;
  --up-hit: 44px;
}

@media (max-width: 639px) {
  :where([data-up-theme="light"], [data-up-theme="dark"]) {
    --pad-page: 16px;
    --up-hit: max(40px, var(--up-control-h));
  }
}

@media (prefers-reduced-motion: reduce) {
  :where([data-up-theme="light"], [data-up-theme="dark"]) {
    --up-motion-fast: 0ms;
    --up-motion-normal: 0ms;
  }
}