:root{
/* Text */
--text-hero:var(--white);
--text-title:var(--grey-950);
--text-heading:var(--grey-900);
--text-body:var(--grey-850);
--text-prose:var(--grey-800);
--text-meta:var(--grey-700);
--text-on-brand:var(--white);
--text-link:var(--brand-cyan); /* superseded by tokens/foundations.css (loaded last) */
--text-link-hover:var(--grey-900);
--text-muted-inverse:var(--grey-300);
/* Surfaces */
--surface-page:var(--grey-50); /* superseded by tokens/foundations.css (loaded last) */
--surface-card:var(--white);
--surface-brand:var(--brand-cyan);
--surface-code:var(--grey-100);
--surface-photo-scrim:var(--overlay-dark-20);
--surface-section-scrim:var(--overlay-light-92);
/* Borders */
--border-card:var(--border-hairline); /* @kind other */
--border-divider:var(--border-hairline); /* @kind other */
--border-nav-active:var(--brand-cyan); /* @kind other */
/* Interactive */
--action-primary-bg:var(--brand-cyan);
--action-primary-fg:var(--white);
--action-onbrand-bg:var(--white);
--action-onbrand-fg:var(--brand-cyan);
--action-ripple:var(--brand-cyan-wave);
--focus-ring:var(--brand-cyan); /* superseded by tokens/foundations.css (loaded last) */
/* Feedback */
--state-love:var(--like-red);
--state-success:var(--success-green);
}