/* Единственный источник цветов, размеров и движения витрины.
   Каркас слоёв взят из снятой системы Higgsfield
   (НТИ-МЕДИА/design-system/tokens.css): поверхности, состояния, z-index, кривая.
   Цвета витрины не заменены: фон и лайм остаются нашими.
   Плита окна ввода - из правил krea.css и Дизайн_система.md. */
body.krea {
  --ds-bg: #0b0b0c;
  --ds-surface: #1a1b1e;
  --ds-field: #121314;
  --ds-plate: #131416;
  --ds-chip: #2a2b30;
  --ds-raised: #23262a;
  --ds-line: #2c2c31;
  --ds-line-soft: rgba(255, 255, 255, 0.1);
  --ds-text: #f4f4f5;
  --ds-nav: #ececef;
  --ds-nav-active: #2a2a2e;
  --ds-nav-hover: rgba(255, 255, 255, 0.04);
  --ds-text-secondary: #c8c8ce;
  --ds-text-muted: #9a9aa0;
  --ds-text-disabled: #6d6e73;
  --ds-accent: #d1fe17;
  --ds-on-accent: #17180a;
  --ds-hover: #242428;
  --ds-success: #2eb844;
  --ds-warning: #dfab01;
  --ds-danger: #e74c3c;
  --ds-info: #0256fe;
  --ds-focus: #d1fe17;
  --ds-opacity-disabled: 0.45;
  --ds-space-1: 4px;
  --ds-space-2: 8px;
  --ds-space-3: 12px;
  --ds-space-4: 16px;
  --ds-space-5: 24px;
  --ds-space-6: 32px;
  --ds-space-7: 48px;
  --ds-space-8: 64px;
  --ds-font: Inter, "Helvetica Neue", Arial, sans-serif;
  --ds-text-title: 34px;
  --ds-text-section: 18px;
  --ds-text-body: 16px;
  --ds-text-field: 15px;
  --ds-text-ui: 14px;
  --ds-text-label: 13px;
  --ds-text-caption: 12px;
  --ds-leading-body: 24px;
  --ds-tracking-title: -0.03em;
  --ds-tracking-label: 0.12em;
  --ds-placeholder: rgba(244, 244, 245, 0.35);
  --ds-control-chip: 32px;
  --ds-control-filter: 36px;
  --ds-control-send: 40px;
  --ds-control-sm: 32px;
  --ds-control-md: 44px;
  --ds-radius-sm: 8px;
  --ds-radius-md: 12px;
  --ds-radius-lg: 16px;
  --ds-radius-card: 16px;
  --ds-radius-plate: 24px;
  --ds-radius-pill: 22px;
  --ds-radius-full: 9999px;
  --ds-shadow-panel: 0 16px 32px rgba(0, 0, 0, 0.28);
  --ds-content: 960px;
  --ds-content-chat: 760px;
  --ds-chat-out: #2a2b30;
  --ds-chat-in: #1c1e20;
  --ds-chat-max: 520px;
  --ds-duration-fast: 120ms;
  --ds-duration: 180ms;
  --ds-duration-slow: 280ms;
  --ds-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ds-z-composer: 4;
  --ds-z-menu: 6;
  --ds-z-sticky: 20;
  --ds-z-overlay: 30;
  --ds-z-modal: 40;
  --ds-z-popover: 50;

  --bg: var(--ds-bg);
  --surface: var(--ds-surface);
  --field: var(--ds-field);
  --chip: var(--ds-chip);
  --line: var(--ds-line);
  --text: var(--ds-text);
  --muted: var(--ds-text-muted);
  --accent: var(--ds-accent);
  --on-accent: var(--ds-on-accent);
}