:root{
--scf-dark-blue:#0047bb;
--scf-dark-blue-hover:#003a99;
--scf-mid-blue:#00a9e0;
--scf-mid-blue-hover:#008cba;
--scf-light-blue:#9adbe0;
--scf-sand:#e1d9d2;
--scf-body-gray:#555555;
--scf-cool-gray-9:#75787b;
--scf-white:#ffffff;
--scf-black:#231f20;
--scf-dark-grey:#2e2e2e;
--scf-light-blue-tint:#e6f9fd;
--scf-star:#f6b21b;
--scf-border:#e4e6e9;
--scf-divider:#eef0f2;
--scf-tint-cool:#f6f8fa;
--scf-tint-warm:#f5f1ec;
--scf-gradient-deep:linear-gradient(135deg,#00a9e0,#0047bb);/* @kind color */
--scf-gradient-soft:linear-gradient(135deg,#00a9e0,#9adbe0);/* @kind color */

--color-bg:var(--scf-white);
--color-surface:var(--scf-white);
--color-surface-tint-cool:var(--scf-tint-cool);
--color-surface-tint-warm:var(--scf-tint-warm);
--color-text-body:var(--scf-body-gray);
--color-text-heading:var(--scf-body-gray);
--color-text-strong:var(--scf-dark-grey);
--color-text-muted:#8b8f93;
--color-text-inverse:var(--scf-white);
--color-link:var(--scf-mid-blue);
--color-link-hover:var(--scf-mid-blue-hover);
--color-cta-provider:var(--scf-dark-blue);
--color-cta-provider-hover:var(--scf-dark-blue-hover);
--color-cta-consumer:var(--scf-mid-blue);
--color-cta-consumer-hover:var(--scf-mid-blue-hover);
--color-fill-hover:var(--scf-light-blue);
--color-border:var(--scf-border);
--color-divider:var(--scf-divider);
--color-focus-ring:var(--scf-mid-blue);
--color-star:var(--scf-star);
--color-sand:var(--scf-sand);
}