:root {
  --primary: #1d3d75;
  --accent: #f7b733;
  --accent-dark: #fc4a1a;
  --background-gradient-start: #f7f8fa;
  --background-gradient-end: #e9ecf3;
  --card-bg: #fff;
  --section-bg: #f8fafc;
  --text: #222;
  --muted: #6c7a89;
  --radius: 16px;
  --shadow: 0 4px 24px rgba(0,0,0,0.08);
  --divider: #e3e7ee;
}

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

html, body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
  font-family: 'Inter', Arial, sans-serif;
}

body {
  background: linear-gradient(135deg, var(--background-gradient-start) 0%, var(--background-gradient-end) 100%);
  color: var(--text);
  line-height: 1.6;
}

.text-center {
  text-align: center;
}