:root{
--ink:#15181C;
--ink-2:#3C444B;
--steel:#7C858C;
--eyebrow-on-light:#60696F;
--hairline:#C6CDD2;
--ground:#E4E8EB;
--surface:#EDF0F3;
--graphite:#16181A;
--indigo:#1F2FB8;
--indigo-on-dark:#6F7ACF; /* @color lightened indigo for text on Graphite/dark backgrounds; #1F2FB8 measures 1.83:1 on #16181A (fails 4.5:1), this tint measures 4.54:1 */
--indigo-hover:#1B29A2;
--indigo-active:#192693;
--error:#B4362A;
--error-hover:#9E2F25;
--white:#FFFFFF;

--text-primary:var(--ink);
--text-secondary:var(--ink-2);
--text-muted:var(--steel);
--text-on-dark:var(--surface);
--text-on-dark-muted:#8D949A;
--text-on-signal:var(--surface);
--text-link:var(--indigo);
--text-link-hover:var(--indigo-hover);
--text-danger:var(--error);

--border-hairline:var(--hairline);
--border-strong:var(--steel);
--border-on-dark:#2B2F34;
--border-focus:var(--indigo);
--border-danger:var(--error);

/* @color faint indigo wash — the default light ground, replaces pure white */
--surface-tint-1:#F5F7FC;
/* @color deeper wash — the alternating light ground, replaces --ground for sections.
   Ink measures 15.4:1 and Ink-2 measures 7.9:1 on this value; Steel measures 3.2:1
   and must not be used for body copy here. */
--surface-tint-2:#EAEEF8;
--grad-indigo:linear-gradient(135deg, #1F2FB8 0%, #16218A 100%);
--grad-surface:linear-gradient(180deg, #EAEEF8 0%, #F5F7FC 100%);
--grad-graphite:linear-gradient(180deg, #1B1F2B 0%, #16181A 100%);

--surface-ground:var(--ground);
--surface-card:var(--surface);
--surface-sunken:var(--ground);
--surface-dark:var(--graphite);
--surface-dark-raised:#1E2124;
--surface-signal:var(--indigo);
--surface-signal-hover:var(--indigo-hover);
--surface-signal-active:var(--indigo-active);
--surface-danger:var(--error);
--surface-danger-hover:var(--error-hover);
}