:root{
  /* Base palette — sampled from the live site */
  --sb-ink:#181A29;            /* logo ink, near-black navy */
  --sb-espresso:#6B3E2E;       /* every heading and body line on the site */
  --sb-espresso-soft:#8A5A46;
  --sb-amber:#FFC67D;          /* CTA fill */
  --sb-amber-deep:#F0AE55;     /* CTA hover */
  --sb-amber-tint:#FFDBAC;
  --sb-sky:#2EA7F3;            /* hero water blue */
  --sb-sky-deep:#249EF3;
  --sb-sky-tint:#D9EEFD;
  --sb-steel:#4787B4;          /* utility bar, CTA band, footer */
  --sb-steel-deep:#3C7098;
  --sb-duck:#F2D218;           /* the lead duck */
  --sb-cream:#FFFCF8;          /* page ground */
  --sb-white:#FFFFFF;
  --sb-grey-70:#4A4A4A;        /* nav links */
  --sb-grey-40:#9A928C;
  --sb-grey-15:#E7E1DA;
  --sb-grey-08:#F4F1EC;

  /* Semantic — surfaces */
  --surface-page:var(--sb-cream);
  --surface-card:var(--sb-white);
  --surface-raised:var(--sb-white);
  --surface-inverse:var(--sb-steel);
  --surface-hero:var(--sb-sky);
  --surface-utility:var(--sb-steel);
  --surface-muted:var(--sb-grey-08);

  /* Semantic — text */
  --text-heading:var(--sb-espresso);
  --text-body:var(--sb-espresso);
  --text-muted:var(--sb-espresso-soft);
  --text-nav:var(--sb-grey-70);
  --text-on-dark:var(--sb-white);
  --text-on-amber:var(--sb-white);
  --text-eyebrow:var(--sb-espresso);
  --text-link:var(--sb-steel);
  --text-link-hover:var(--sb-espresso);

  /* Semantic — interactive */
  --action-primary:var(--sb-amber);
  --action-primary-hover:var(--sb-amber-deep);
  --action-on-dark:var(--sb-white);
  --focus-ring:var(--sb-steel);

  /* Semantic — lines */
  --border-hairline:var(--sb-grey-15);
  --border-frame:var(--sb-steel);
  --border-input:#D9D2CA;

  /* Status — not present on the live site; derived to sit inside the palette */
  --status-positive:#3F8F6B;
  --status-warning:var(--sb-amber-deep);
  --status-danger:#B2473A;
  --status-info:var(--sb-steel);
}