.text-brand-mint { color:#D8E8DF; }
.text-brand-mint-light { color:#e8f1ec; }
.text-brand-petrol-dark { color:#1a3d44; }
:root {
  --color-brand-petrol: #25565D;
  --color-brand-petrol-dark: #1a3d44;
  --color-brand-mint: #D8E8DF;
  --color-brand-mint-light: #e8f1ec;
  --color-brand-gray: #283539;
  --font-sans: Arial, Helvetica, sans-serif;
}
body {
  font-family: var(--font-sans);
  color: var(--color-brand-gray);
  -webkit-font-smoothing: antialiased;
}
*:focus-visible {
  outline: 2px solid var(--color-brand-petrol);
  outline-offset: 2px;
}
p { font-size: 1rem; line-height: 1.6; }
button, nav a, a[class~="inline-flex"] { min-height: 44px; min-width: 44px; }
.bg-brand-petrol { background-color: #25565D; }
.bg-brand-mint { background-color: #D8E8DF; }
.bg-brand-mint-light { background-color: #e8f1ec; }
[class~="bg-brand-mint/40"] { background-color: rgba(216,232,223,.4); }
.text-brand-petrol { color: #25565D; }
.text-brand-gray { color: #283539; }
.text-brand-mint { color: #D8E8DF; }
.text-brand-mint-light { color: #e8f1ec; }
.text-brand-petrol-dark { color: #1a3d44; }
.border-brand-petrol { border-color: #25565D; }
[class~="hover:bg-brand-petrol"]:hover { background-color: #25565D; }
[class~="hover:bg-brand-petrol-dark"]:hover { background-color: #1a3d44; }

@media (min-width: 768px) and (max-width: 1023px) { header nav { gap: 1rem; } }