@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=DM+Serif+Display&display=swap');

:root {
  --bg: #F7F7FA;
  --card: #FFFFFF;
  --border: #E5E5EB;
  --text: #1A1A2E;
  --text-s: #6B6B8A;
  --text-xs: #9999BB;
  --accent: #7C5CFC;
  --accent-l: #EEE9FF;
  --accent-d: #6040E0;
  --danger: #E53E3E;
  --danger-l: #FEE2E2;
  --success: #059669;
  --success-l: #D1FAE5;
  --warning: #D97706;
  --warning-l: #FEF3C7;
  --sidebar-w: 220px;
}

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

body {
  font-family: 'DM Sans', sans-serif;
  background: var(--bg);
  color: var(--text);
  margin: 0;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3 {
  font-family: 'DM Serif Display', serif;
}