:root {
  --primary: #3f51b5;
  --primary-dark: #303f9f;
  --primary-light: #c5cae9;
  --accent: #ff4081;
  --accent-dark: #f50057;
  --text-primary: #212121;
  --text-secondary: #757575;
  --divider: #bdbdbd;
  --background: #f5f5f5;
  --white: #ffffff;
  --success: #4caf50;
  --error: #f44336;
  --orange: #ff9800;
  --yellow: #ffeb3b;
  --gradient: linear-gradient(135deg, #3f51b5, #673ab7);
  --box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  --border-radius: 12px;
  --transition: all 0.3s ease;
  --header-height: 64px;
}

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

body {
  font-family: 'Poppins', sans-serif;
  background: var(--background);
  color: var(--text-primary);
  min-height: 100vh;
  line-height: 1.6;
  padding-bottom: 80px;
}