/* Design tokens. Brand blue is sampled from the official logo (bigeen-logo.png). */
:root {
  --colour-ink: #16181d;
  --colour-ink-soft: #4b4e56;
  --colour-canvas: #f7f5f0;
  --colour-surface: #ffffff;
  --colour-stone: #ebe7de;
  --colour-brand: #142772;
  --colour-line: #cfc9bc;

  /* Bigeen Products surface (deep ink) and its supporting colours */
  --colour-on-ink: #f7f5f0;
  --colour-on-ink-soft: #c9c5bb;
  --colour-brass: #b8914a;
  --colour-line-on-ink: rgba(247, 245, 240, 0.2);

  /* Functional colour for form errors (always paired with text and a heavier border) */
  --colour-error: #9b2c2c;

  /* Self-hosted (assets/css/fonts.css): Archivo, Source Sans 3, Spline Sans Mono. */
  --font-display: "Archivo", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-body: "Source Sans 3", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-data: "Spline Sans Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  --space-section: clamp(4.5rem, 9vw, 8.5rem);
  --space-content: clamp(1.5rem, 3vw, 2.5rem);
  --container-max: 1280px;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --grid-gap: clamp(1rem, 2vw, 2rem);

  --radius: 2px;
  --header-height: 4.5rem;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
}