/* CSS Variables and Base Styles */
:root {
  --primary: #0056b3;
  --secondary: #00a3e0;
  --accent: #ff6b35;
  --dark: #1a1a2e;
  --light: #f8f9fa;
  --gray: #6c757d;
  --success: #28a745;
  --warning: #ffc107;
  --danger: #dc3545;
  --transition: all 0.3s ease;
  --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  --border-radius: 8px;
}

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

html {
  scroll-behavior: smooth;
  font-size: 16px;
}

body {
  font-family: 'Roboto', sans-serif;
  background: var(--light);
  color: #333;
  line-height: 1.6;
}