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

:root {
  --primary: #1877f2;
  --primary-dark: #1565c0;
  --primary-light: #e3f0ff;
  --accent: #0a66c2;
  --accent-light: #e8f4fd;
  --bg: #f0f2f5;
  --surface: #ffffff;
  --text: #1c1e21;
  --text-muted: #65676b;
  --text-light: #8a8d91;
  --border: #dadde1;
  --success: #31a24c;
  --danger: #e4392b;
  --warning: #f0932b;
  --radius: 8px;
  --radius-sm: 6px;
  --shadow: 0 1px 2px rgba(0,0,0,0.1);
  --shadow-md: 0 2px 8px rgba(0,0,0,0.08);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.12);
  --transition: 0.15s ease;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  background: var(--bg);
  color: var(--text);
  min-height: 100vh;
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: var(--border);
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--text-light);
}