:root{
--color-paper:#fcfbf9;
--color-paper-deep:#f4f3ed;
--color-ink:#19181a;
--color-ink-soft:#5c5b58;
--color-ink-faint:#918f89;
--color-line:#e9e7de;
--color-line-deep:#d5d2c6;

--surface-page:var(--color-paper);
--surface-card:var(--color-paper);
--surface-card-deep:var(--color-paper-deep);
--surface-inverse:var(--color-ink);

--text-primary:var(--color-ink);
--text-secondary:var(--color-ink-soft);
--text-faint:var(--color-ink-faint);
--text-on-inverse:var(--color-paper);
--text-on-accent:var(--color-paper);

--border-hairline:var(--color-line);
--border-hairline-deep:var(--color-line-deep);

--accent-primary:var(--color-ink);
--accent-secondary:var(--color-ink-soft);
--accent-tertiary:var(--color-line-deep);
--accent-quiet:var(--color-ink-faint);
}