/* ====== Design Tokens ====== */
:root {
  --primary-color: #002b5c;
  --secondary-color: #005b96;
  --accent-color: #f5a623;
  --text-color: #333;
  --bg-color: #fff;

  --font-family: 'Roboto', sans-serif;
  --border-radius: 8px;
  --card-shadow: 0 4px 6px rgba(0,0,0,0.1);

  --breakpoint-md: 900px;
  --breakpoint-sm: 768px;
}
:root {
  --font-heading: 'Inter', sans-serif;
  --font-body: 'Open Sans', sans-serif;
  --font-size-xl: clamp(2.5rem, 5vw, 4rem);
  --font-size-md: 1.125rem;
}
h1, h2, h3 {
  font-family: var(--font-heading);
  font-weight: 600;
}