:root{
--paper:#F3F0EA;
--paper-raised:#ECE8E0;
--bg-deep:#E6E1D8;
--stone-100:#E1DBD1;
--stone-200:#CFC8BC;
--stone-300:#B4AC9F;
--ink:#241F2B;
--ink-soft:#4A4353;
--ink-faint:#696170;
--violet-ink:#322553;
--violet:#5F4B8B;
--violet-500:#6E5C99;
--violet-300:#AEA3C2;
--violet-200:#CBC3D7;
--violet-100:#E7E2EE;
--violet-50:#F2EFF8;
--ember:#C15F3C;
--ember-soft:#D98C63;
/* Ember at 4.5:1 on both paper surfaces. --ember itself is a fill colour: as small text it
   only reaches 3.46:1, so use this whenever ember carries words. */
--ember-ink:#9D4E31;
--dark:#1A1626;

--surface-page:var(--paper);
--surface-raised:var(--paper-raised);
--surface-deep:var(--bg-deep);
--surface-card:var(--paper-raised);
--surface-inverse:var(--dark);

--text-primary:var(--ink);
--text-secondary:var(--ink-soft);
--text-muted:var(--ink-faint);
--text-on-accent:var(--paper);
--text-link:var(--violet);
--text-link-hover:var(--violet-500);

--border-hairline:var(--stone-200);
--border-strong:var(--stone-300);
--border-focus:var(--violet);

--accent-primary:var(--violet);
--accent-primary-hover:var(--violet-500);
--accent-primary-soft:var(--violet-100);
--accent-emphasis:var(--ember);
--accent-emphasis-soft:var(--ember-soft);
--accent-emphasis-text:var(--ember-ink);
}