:root {
  color-scheme: light;
  --font: "Noto Sans Hebrew", "Segoe UI", Arial, sans-serif;
  --bg: #f3f6f9;
  --surface: #ffffff;
  --surface-alt: #f8fafc;
  --surface-strong: #e9f0f6;
  --ink: #102a43;
  --ink-soft: #486581;
  --ink-muted: #829ab1;
  --line: #d9e2ec;
  --line-strong: #bcccdc;
  --brand: #102a43;
  --brand-2: #1d4f6e;
  --accent: #138a7e;
  --accent-soft: #dff7f1;
  --info: #1d6fdc;
  --info-soft: #e8f1ff;
  --success: #16835d;
  --success-soft: #e3f7ee;
  --warning: #a15c00;
  --warning-soft: #fff4d6;
  --danger: #b42318;
  --danger-soft: #feeceb;
  --purple: #6941c6;
  --purple-soft: #f2ecff;
  --shadow-xs: 0 1px 2px rgba(16, 42, 67, .06);
  --shadow-sm: 0 4px 12px rgba(16, 42, 67, .08);
  --shadow-md: 0 12px 30px rgba(16, 42, 67, .13);
  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 26px;
  --transition: 160ms ease;
  --focus: 0 0 0 3px rgba(29,111,220,.22);
}