/* ==========================================================================
   Bloom Consulting — Design tokens
   Colours taken from the Bloom logo. Flat colour only, no gradients.
   ========================================================================== */

:root {
  /* Brand */
  --ink:        #111b26;
  --navy:       #2b3a55;
  --teal:       #3e7a84;
  --teal-dark:  #2f636c;
  --teal-pale:  #a9cfd1;
  --sand:       #b8996f;

  /* Neutrals */
  --paper:      #f6f4f0;
  --stone:      #ebe7e0;
  --white:      #ffffff;
  --text:       #15202b;
  --muted:      #5a6672;
  --muted-light: rgba(255, 255, 255, 0.64);

  /* Rules */
  --line:       rgba(17, 27, 38, 0.14);
  --line-light: rgba(255, 255, 255, 0.16);

  /* Type */
  --font: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;

  --fs-sm:   0.875rem;
  --fs-base: 1.0625rem;
  --fs-md:   1.1875rem;
  --fs-lead: clamp(1.75rem, 1rem + 2.4vw, 3.1rem);
  --fs-h2:   clamp(2.5rem, 1rem + 4.6vw, 5.5rem);
  --fs-h1:   clamp(3.1rem, 0.8rem + 8vw, 9.5rem);

  /* Layout */
  --container: 1360px;
  --gutter:    clamp(1.25rem, 4vw, 3rem);
  --col-gap:   clamp(1rem, 2vw, 2rem);
  --section-y: clamp(5rem, 3rem + 7vw, 10rem);

  --radius:      6px;
  --radius-pill: 999px;

  /* Motion */
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}