:root {
  color-scheme: light;

  --ui-font-body: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --ui-font-mono: Consolas, "SFMono-Regular", "Liberation Mono", monospace;

  --ui-space-1: 4px;
  --ui-space-2: 8px;
  --ui-space-3: 12px;
  --ui-space-4: 16px;
  --ui-space-5: 20px;
  --ui-space-6: 24px;
  --ui-space-7: 32px;
  --ui-space-8: 40px;

  --ui-radius-1: 10px;
  --ui-radius-2: 14px;
  --ui-radius-round: 999px;

  --ui-shadow-1: 0 1px 2px rgba(18, 30, 43, 0.08);
  --ui-shadow-2: 0 10px 30px rgba(18, 30, 43, 0.1);

  --ui-color-bg: #f4f7fb;
  --ui-color-bg-alt: #f8fbff;
  --ui-color-panel: rgba(255, 255, 255, 0.94);
  --ui-color-panel-strong: #ffffff;
  --ui-color-ink: #14202b;
  --ui-color-muted: #4f6174;
  --ui-color-line: #d8e0ea;

  --ui-color-primary: #1f5f98;
  --ui-color-primary-strong: #174b79;
  --ui-color-primary-soft: #edf5fc;

  --ui-color-accent: #387dc3;
  --ui-color-accent-soft: #edf5fc;

  --ui-color-success: #2f8f63;
  --ui-color-success-soft: #e8f6ef;
  --ui-color-warning: #b8741a;
  --ui-color-warning-soft: #fff4e5;
  --ui-color-danger: #b54545;
  --ui-color-danger-strong: #933636;
  --ui-color-danger-soft: #fdecec;
  --ui-color-readonly: #78879a;
  --ui-color-readonly-soft: #edf1f5;
}