@font-face {
  font-family: 'Cairo';
  src: url('/static/fonts/Cairo.ttf') format('truetype-variations'),
       url('/static/fonts/Cairo.ttf') format('truetype');
  font-weight: 200 1000;
  font-style: normal;
  font-display: swap;
}

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }

/* Halo wordmark — matches the official logo: lowercase, heavy weight, tight tracking */
.halo-wordmark {
  font-family: 'Cairo', system-ui, sans-serif;
  font-weight: 900;
  letter-spacing: -0.04em;
  text-transform: lowercase;
  line-height: 1;
}

/* Native date/time picker icon inverted so it shows on dark backgrounds. */
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator,
input[type="month"]::-webkit-calendar-picker-indicator,
input[type="week"]::-webkit-calendar-picker-indicator {
  filter: invert(1);
  opacity: 0.55;
  cursor: pointer;
  padding: 0 2px;
}
input[type="date"]::-webkit-calendar-picker-indicator:hover,
input[type="datetime-local"]::-webkit-calendar-picker-indicator:hover,
input[type="time"]::-webkit-calendar-picker-indicator:hover,
input[type="month"]::-webkit-calendar-picker-indicator:hover,
input[type="week"]::-webkit-calendar-picker-indicator:hover {
  opacity: 1;
}