/*
  Brand tokens extracted from the live site's actual design (logo file +
  most-frequently-used colours across the real page content) — not invented.
  See specs/001-consultancy-page/research.md and Constitution Principle II
  (brand assets reused as-is, no rebrand).
*/

:root {
  /* Core brand */
  --color-ink: #414552;       /* primary dark: logo wordmark, body text, headings */
  --color-ink-deep: #1c1e24;  /* darker variant of ink, for hero/banner emphasis */
  --color-slate: #809ba4;     /* secondary: logo tagline, section accents */
  --color-teal: #29c4a9;      /* primary accent: CTAs, links */
  --color-blue: #2b87da;      /* secondary accent: CTAs, highlights */
  --color-orange: #ff9933;    /* tertiary accent: sparing use */

  /* Neutrals */
  --color-bg: #ffffff;
  --color-bg-muted: #f4f4f4;
  --color-border: #ebebeb;

  /* Type */
  --font-body: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* Spacing scale */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;

  /* Layout */
  --content-max-width: 1120px;
  --radius: 8px;
}