/* Shared design tokens. Change these values to theme every first-party UI. */
:root {
  --color-primary: #365edc;
  --color-text: #172b4d;
  --color-muted: #697991;
  --color-background: #f5f7fb;
  --color-surface: #fff;
  --color-on-primary: #fff;
  --color-surface-subtle: #f6f8fc;
  --color-neutral-soft: #eef1f6;
  --color-neutral: #7b869a;
  --color-field-text: #344765;
  --color-success-border: #dbeee3;
  --color-danger-border: #f1dedb;
  --color-warning-border: #f4e8cb;
  --color-border: #e4eaf3;
  --color-input-border: #dfe5ef;
  --color-secondary-text: #42526e;
  --color-success-soft: #e7f6ef;
  --color-success: #258569;
  --color-primary-soft: color-mix(in srgb, var(--color-primary) 9%, white);
  --color-danger-soft: #fff0ee;
  --color-danger: #b84d41;
  --color-warning-soft: #fff6e3;
  --color-warning: #977126;
  --color-focus: #9eb7ff;
  --radius-xs: 4px;
  --radius-badge: 5px;
  --radius-sm: 6px;
  --radius-control: 7px;
  --radius-md: 8px;
  --radius-panel: 10px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --space-4: 4px;
  --space-6: 6px;
  --space-8: 8px;
  --space-10: 10px;
  --space-12: 12px;
  --space-14: 14px;
  --space-16: 16px;
  --space-18: 18px;
  --space-20: 20px;
  --space-22: 22px;
  --space-24: 24px;
  --space-28: 28px;
  --space-32: 32px;
  --font-size-10: 10px;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-13: 13px;
  --font-size-14: 14px;
  --font-size-15: 15px;
  --font-size-16: 16px;
  --font-size-17: 17px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-24: 24px;
  --font-size-25: 25px;
  --font-size-27: 27px;
  --font-size-28: 28px;
  --font-size-32: 32px;
  --font-size-36: 36px;
  --font-size-40: 40px;
  --font-sans: Inter, "Segoe UI", "Microsoft YaHei", sans-serif;
  --control-height: 40px;
  --font-size-26: 26px;
  --font-size-34: 34px;
  --font-size-44: 44px;
  --bg: var(--color-background);
  --surface: var(--color-surface);
  --ink: var(--color-text);
  --muted: var(--color-muted);
  --line: var(--color-border);
  --accent: var(--color-primary);
  --primary: var(--color-primary);
  --text: var(--color-text);
}