:root {
  --bg: #f7f9fc;
  --navy: #1a2744;
  --slate: #64748b;
  --slate-light: #94a3b8;
  --primary: #4a6cf7;
  --primary-hover: #3b5de7;
  --card: #ffffff;
  --border: #e6ebf4;
  --danger: #ef4444;
  --success: #10b981;
  --font: "Plus Jakarta Sans", "Segoe UI", sans-serif;
  color: var(--navy);
  font-family: var(--font);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

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

html,
body,
#root {
  margin: 0;
  min-height: 100%;
}

body {
  background: var(--bg);
}

button,
input {
  font: inherit;
}

a {
  color: inherit;
  text-decoration: none;
}