/* H&B brand tokens — single source of truth. Reference, don't restyle per page. */
:root {
  /* Palette */
  --blue: #009BFF;
  --tomato: #FF684B;
  --grey: #303036;
  --mercury: #E1E7EF;
  --cloud: #AAC4E7;
  --white: #FFFFFF;

  /* Derived */
  --bg: var(--white);
  --ink: var(--grey);
  --ink-soft: #5A5A63;
  --line: var(--mercury);
  --accent: var(--blue);
  --accent-warm: var(--tomato);
  --surface: #F7F9FC;

  /* Type */
  --font-heading: "Bricolage Grotesque", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;

  /* Type scale (1.25 ratio) */
  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-md: 1.25rem;
  --fs-lg: 1.5625rem;
  --fs-xl: 1.953rem;
  --fs-2xl: 2.441rem;
  --fs-3xl: 3.052rem;

  /* Spacing */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 1rem;
  --sp-4: 1.5rem;
  --sp-5: 2.5rem;
  --sp-6: 4rem;

  /* Misc */
  --radius: 12px;
  --radius-sm: 8px;
  --shadow: 0 2px 12px rgba(48, 48, 54, 0.08);
  --maxw: 960px;
  --maxw-narrow: 880px;
}