:root{
/* Brand core */
--color-primary:#000000;
--color-on-primary:#FFFFFF;
--color-accent-magenta:#F5259B;
/* Surfaces */
--color-canvas:#FFFFFF;
--color-inverse-canvas:#000000;
--color-surface-soft:#F5F5F3;
--color-hairline:#E6E6E4;
--color-hairline-soft:#F0F0EE;
/* Color blocks — the narrative surfaces */
--color-block-lime:#DCF95F;
--color-block-lilac:#DCD3FF;
--color-block-cream:#F5EEDC;
--color-block-mint:#CFF0E4;
--color-block-pink:#FFD7E7;
--color-block-coral:#FF8465;
--color-block-navy:#201C4E;
/* Text */
--color-ink:#000000;
--color-inverse-ink:#FFFFFF;
--color-on-inverse-soft:rgba(255,255,255,0.16);
/* Semantic */
--color-success:#0FA958;
--color-overlay-scrim:rgba(0,0,0,0.6);
/* Semantic aliases */
--surface-page:var(--color-canvas);
--surface-card:var(--color-canvas);
--surface-tile:var(--color-surface-soft);
--text-body:var(--color-ink);
--text-inverse:var(--color-inverse-ink);
--border-default:var(--color-hairline);
--border-soft:var(--color-hairline-soft);
}