@import url("https://fonts.googleapis.com/css2?family=Mulish:wght@400;600;700&display=swap");

:root {
  --primary: #dc6239;
  --primary-dark: #a53c2b;
  --accent: #dc6239;
  --muted: #4a4a4a;
}

body,
input,
select,
textarea,
button,
body * {
  font-family: "Mulish", "Proxima Nova", "Segoe UI", system-ui, sans-serif !important;
}

.btn,
.btn-outline {
  letter-spacing: 0.06em;
}

.btn {
  background: var(--primary);
  border-color: var(--primary);
}

.btn-outline {
  color: var(--primary);
}

.legend-full table tbody tr:nth-child(even) {
  background: rgba(220, 98, 57, 0.05);
}

.forecast-header {
  border-bottom: 1px solid rgba(220, 98, 57, 0.3);
}