:root{
/* Base — night */
--rt-black:#080808;--rt-panel:#0e0e0e;--rt-ink:#111113;--rt-raised:#141414;--rt-raised-2:#161616;
/* Base — paper */
--rt-white:#ffffff;--rt-bone:#f2f2f0;--rt-paper:#f3f3f1;
/* Greys */
--rt-grey-200:#b5b5b2;--rt-grey-300:#b4b4af;--rt-grey-500:#8f8f8b;--rt-grey-600:#6b6b67;
/* Retype blue */
--rt-blue:#1a3dff;--rt-blue-plate:#0a47ff;--rt-blue-light:#5c78ff;--rt-blue-mist:#dbe0ff;

/* Semantic */
--surface-page:var(--rt-black);--surface-panel:var(--rt-panel);--surface-hero-card:var(--rt-ink);--surface-media:var(--rt-raised);--surface-footer-cta:var(--rt-raised-2);
--surface-light:var(--rt-white);--surface-card-light:var(--rt-paper);--surface-accent:var(--rt-blue);
--text-primary:var(--rt-bone);--text-on-light:var(--rt-ink);--text-on-accent:var(--rt-white);
--text-muted:var(--rt-grey-200);--text-meta:var(--rt-grey-500);--text-meta-light:var(--rt-grey-600);--text-nav-idle:var(--rt-grey-300);--text-meta-on-accent:var(--rt-blue-mist);
--accent:var(--rt-blue);--accent-on-dark:var(--rt-blue-light);--link-hover:var(--rt-blue-light);
--border-hairline:rgba(242,242,240,.16);--border-hairline-strong:rgba(242,242,240,.14);--border-on-accent:rgba(255,255,255,.2);--border-rule:var(--rt-bone);
--glass-fill:rgba(255,255,255,.1);--glass-fill-strong:rgba(255,255,255,.14);--glass-border:rgba(255,255,255,.1);--glass-fill-ink:rgba(17,17,19,.1);
--scrim:rgba(0,0,0,.72);
--selection-bg:var(--rt-blue);--selection-fg:var(--rt-white);
}