:root{
--gs-cream:#EDE8E0;
--gs-cream-deep:#E3DDD3;
--gs-black:#141414;
--gs-white:#FFFFFF;
--gs-mint-100:#E4F9E2;
--gs-mint-300:#C9F2C4;
--gs-mint-500:#9CE79A;
--gs-mint-700:#5FBE64;
--gs-slate-100:#EDF1F1;
--gs-slate-300:#B9C4C8;
--gs-slate-500:#7C8E95;
--gs-slate-700:#495459;
--gs-slate-900:#2B3336;
--gs-amber:#E8AE1F;
--gs-lime-100:#F1FBBE;
--gs-lime-300:#E0F56C;
--gs-lime-500:#C6EE2E;
--gs-lime-700:#9BBF1B;

--surface-page:var(--gs-cream);
--surface-page-alt:var(--gs-white);
--surface-card:var(--gs-white);
--surface-inverse:var(--gs-black);
--surface-accent:var(--gs-mint-300);
--surface-accent-strong:var(--gs-mint-700);
--surface-accent-lime:var(--gs-lime-500);
--text-on-lime:var(--gs-black);
--surface-gradient-story:linear-gradient(180deg,#EEF2F1 0%,#B7C4C8 55%,#748489 100%);

--text-primary:var(--gs-black);
--text-inverse:var(--gs-white);
--text-muted:var(--gs-slate-700);
--text-on-accent:var(--gs-black);
--text-link:var(--gs-slate-900);
--text-link-hover:var(--gs-slate-700);

--border-hairline:rgba(20,20,20,0.12);
--border-hairline-inverse:rgba(255,255,255,0.22);
--focus-ring:var(--gs-slate-900);
}