/* Reset and Base Styles */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  /* Fallbacks (actual palette is defined in /css/variables.css which loads after this file) */
  --primary-color: #0891b2;
  --primary-hover: #067a96;
  --text-primary: #062a33;
  --text-secondary: #2c5f6b;
  --bg-white: #f6fbfc;
  --bg-gray: #eef7f8;
  --border-color: rgba(8, 145, 178, 0.18);
  --shadow: 0 10px 35px rgba(6, 42, 51, 0.10);
  --shadow-hover: 0 18px 55px rgba(6, 42, 51, 0.18);
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  color: var(--text-primary);
  background: var(--bg-white);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Utility Classes */
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Responsive */
@media (max-width: 768px) {
  .container {
    padding: 0 16px;
  }
}