/* Brand typeface (variable). Hosted locally for performance + WP Rocket. */
@font-face {
  font-family: "Space Grotesk";
  src: url("../fonts/SpaceGrotesk-VariableFont_wght.woff2") format("woff2");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Brand colours (Nafar). */
  --color-primary: #151011;        /* general typography black */
  --color-secondary: #4b5563;
  --color-accent: #acd83a;         /* brand green: links, highlights, hover */
  --color-accent-dark: #8cbb1f;    /* darker green for hover/active feedback */
  --color-bg: #ffffff;
  --color-bg-soft: #f8fafc;
  --color-border: #e5e7eb;
  --color-focus: #8cbb1f;

  /* Typography. Brand face with safe system fallbacks. */
  --font-base: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --container: 1600px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 6rem;
}