/* UNESCO Design System Variables */
:root {
  --unesco-blue: #0077D4; /* hsl(206, 100%, 42%) */
  --unesco-blue-dark: #005fa3;
  --unesco-gray-bg: #F8F9FA;
  --unesco-text: #333333;
  --font-primary: 'Inter', sans-serif;
}

html, body {
  height: 100%;
  font-family: var(--font-primary);
  background-color: var(--unesco-gray-bg);
  color: var(--unesco-text);
}

/* Focus outlines for accessibility */
a:focus {
  outline: 2px solid #111;
  outline-offset: 2px;
}

/* Utility overrides if needed */
.text-unesco-blue {
  color: var(--unesco-blue);
}

.bg-unesco-blue {
  background-color: var(--unesco-blue);
}

.hover\:bg-unesco-blue-dark:hover {
  background-color: var(--unesco-blue-dark);
}