/* Brand palette — exact values from the Brand-colors frame and the
   "Variable collection" Figma collection (9 named colors). */
:root{
  /* Primary */
  --mindful-coral:#EEA399;
  /* Secondary */
  --great-blue:#48578B;
  /* Text */
  --light-grey:#444655;
  --dark-grey:#353640;
  /* Backgrounds */
  --rose-peach:#F2C6C0;
  --beige:#E9D5C7;
  --off-white:#F3E8E0;
  --white-light:#FFF9F4;
  --pure-white:#FFFFFF;

  /* Untokenised literal used 26x in the source as type-on-blue and as the
     label colour of the dark marketing pill. Kept as a named token here. */
  --cream:#F5E4D8;

  /* ── Semantic aliases ─────────────────────────────────────── */
  --text-primary:var(--light-grey);
  --text-strong:var(--dark-grey);
  --text-accent:var(--mindful-coral);
  --text-on-blue:var(--cream);
  --text-on-blue-muted:rgba(245,228,216,.5);
  --text-on-coral:var(--light-grey);
  --text-inverse:var(--off-white);

  --surface-page:var(--off-white);
  --surface-card:var(--pure-white);
  --surface-raised:var(--white-light);
  --surface-warm:var(--rose-peach);
  --surface-deep:var(--great-blue);
  --surface-image-placeholder:var(--beige);

  --accent-primary:var(--mindful-coral);
  --accent-secondary:var(--great-blue);

  --rule-hairline:var(--light-grey);
  --rule-on-blue:rgba(72,87,139,.5);

  /* Organic blob shapes */
  --blob-coral:var(--mindful-coral);
  --blob-blue:var(--great-blue);
  --blob-peach:var(--rose-peach);
  --blob-cream:var(--cream);
}