@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap');

:root {
  --sans: 'Manrope', system-ui, sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, monospace;
  --bg: #F4F5F2;
  --surface: #FFFFFF;
  --surface-2: #F9FAF8;
  --ink: #0E1A24;
  --ink-2: #13283A;
  --text: #18242E;
  --text-dim: #5F6B74;
  --text-faint: #8C969D;
  --border: #E2E5E0;
  --border-strong: #CDD2CB;
  --brand: #0B6E6A;
  --brand-deep: #08504D;
  --brand-soft: #E3F1EF;
  --accent: #E6A23C;
  --on-brand: #FFFFFF;
  --ok: #1E8A4C;
  --ok-soft: #E4F4EA;
  --warn: #B26A00;
  --warn-soft: #FDF1DC;
  --danger: #C23B22;
  --danger-soft: #FBE7E2;
  --info: #2F5E9E;
  --info-soft: #E6EEF9;
  --muted-soft: #EEF0EC;
  --radius: 8px;
  --radius-lg: 12px;
}