:root{
--blue-primary:#0066cc;
--blue-primary-focus:#0071e3;
--blue-on-dark:#2997ff;
--white:#ffffff;
--parchment:#f5f5f7;
--pearl:#fafafc;
--tile-1:#272729;
--tile-2:#2a2a2c;
--tile-3:#252527;
--black:#000000;
--chip-translucent:#d2d2d7;
--ink:#1d1d1f;
--ink-muted-80:#333333;
--ink-muted-48:#7a7a7a;
--body-muted:#cccccc;
--divider-soft:#f0f0f0;
--hairline:#e0e0e0;
--color-primary:var(--blue-primary);
--color-primary-focus:var(--blue-primary-focus);
--color-primary-on-dark:var(--blue-on-dark);
--color-canvas:var(--white);
--color-canvas-parchment:var(--parchment);
--color-surface-pearl:var(--pearl);
--color-surface-tile-1:var(--tile-1);
--color-surface-tile-2:var(--tile-2);
--color-surface-tile-3:var(--tile-3);
--color-surface-black:var(--black);
--color-surface-chip-translucent:var(--chip-translucent);
--color-ink:var(--ink);
--color-body:var(--ink);
--color-body-on-dark:var(--white);
--color-body-muted:var(--body-muted);
--color-ink-muted-80:var(--ink-muted-80);
--color-ink-muted-48:var(--ink-muted-48);
--color-divider-soft:var(--divider-soft);
--color-hairline:var(--hairline);
--color-on-primary:var(--white);
--color-on-dark:var(--white)
}