/* =================================
   Brand colour utilities
   ================================= */

:root {
  --color-primary: #000;
  --color-primary-dark: #000;
  --color-accent: #000;
  --color-text: #000;
}

/* Backgrounds */
.bg-primary {
  background-color: var(--color-primary);
}

.bg-primary-dark {
  background-color: var(--color-primary-dark);
}

/* Text */
.text-primary {
  color: var(--color-primary);
}

.text-accent {
  color: var(--color-accent);
}

.text-brand {
  color: var(--color-text);
}

/* Borders */
.border-accent {
  border-color: var(--color-accent);
}

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

/* =================================
   Typography
   ================================= */

body {
  font-family: "Montserrat", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, sans-serif;
}

.hero-title {
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1.1;
}