:root{
  --ui-bg:#f3f6fb;
  --ui-content:#f5f7fb;
  --ui-content-soft:#eef3fa;
  --ui-sidebar:#fbfcfe;
  --ui-sidebar-soft:#f3f7fd;
  --ui-surface:#ffffff;
  --ui-surface-2:#f8fbff;
  --ui-surface-3:#f2f6fc;
  --ui-text:#18253d;
  --ui-text-soft:#30415c;
  --ui-muted:#6c7c96;
  --ui-border:#d9e2ef;
  --ui-border-strong:#c8d4e5;
  --ui-primary:#2f6df6;
  --ui-primary-strong:#1f58dc;
  --ui-primary-soft:#eaf1ff;
  --ui-secondary:#1cb7a8;
  --ui-success:#18935d;
  --ui-success-soft:#e8f7ef;
  --ui-warning:#c98717;
  --ui-warning-soft:#fff5da;
  --ui-danger:#d85757;
  --ui-danger-soft:#fff1f1;
  --ui-shadow-xs:0 4px 14px rgba(16, 34, 61, .04);
  --ui-shadow-sm:0 10px 28px rgba(16, 34, 61, .055);
  --ui-shadow-md:0 18px 42px rgba(16, 34, 61, .08);
  --ui-shadow-lg:0 28px 64px rgba(16, 34, 61, .12);
  --ui-radius-sm:12px;
  --ui-radius-md:18px;
  --ui-radius-lg:24px;
  --ui-font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --bg:var(--ui-bg);
  --card:var(--ui-surface);
  --text:var(--ui-text);
  --muted:var(--ui-muted);
  --border:var(--ui-border);
  --brand:var(--ui-primary);
  --brand2:var(--ui-primary-strong);
  --bad:var(--ui-danger);
  --good:var(--ui-success);
  --shadow:var(--ui-shadow-md);
  --radius:var(--ui-radius-md);
  --font:var(--ui-font);
}