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

:root {
  --brand-blue: #0B5CAD;
  --brand-green: #22C55E;
  --primary: #0A4F94;
  --primary-dark: #0A4F94;
  --primary-light: #E8F0FB;
  --primary-mid: #2563EB;
  --bg: #F7F9FC;
  --surface: #FFFFFF;
  --surface-soft: #F1F5F9;
  --text: #111827;
  --muted: #6B7280;
  --border: #CBD5E1;
  --divider: #E2E8F0;
  --success: #15803D;
  --success-bg: #DCFCE7;
  --success-border: #86EFAC;
  --warning: #B45309;
  --warning-bg: #FEF3C7;
  --warning-border: #FCD34D;
  --error: #B91C1C;
  --error-bg: #FEE2E2;
  --error-border: #FCA5A5;
  --info: #0369A1;
  --info-bg: #E0F2FE;
  --info-border: #7DD3FC;
  --radius: 12px;
  --radius-sm: 8px;
  --radius-xs: 6px;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.04);
  --shadow: 0 2px 6px rgba(0, 0, 0, 0.07), 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.09);
  --font: 'Plus Jakarta Sans', sans-serif;
  --sidebar-w: 220px;
  --space-0: 2px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  font-family: var(--font);
  color: var(--text);
  background: #E8EDF3;
}