:root{
--primary:#0075de;
--primary-active:#005bab;
--secondary:#213183;
--on-primary:#ffffff;
--canvas:#ffffff;
--canvas-soft:#f6f5f4;
--surface:#ffffff;
--ink:#000000;
--ink-secondary:#31302e;
--ink-muted:#615d59;
--ink-faint:#a39e98;
--hairline:#e6e6e6;
--accent-sky:#62aef0;
--accent-purple:#d6b6f6;
--accent-purple-deep:#391c57;
--accent-pink:#ff64c8;
--accent-orange:#dd5b00;
--accent-orange-deep:#793400;
--accent-teal:#2a9d99;
--accent-green:#1aae39;
--accent-brown:#523410;

--text-primary:var(--ink);
--text-secondary:var(--ink-secondary);
--text-muted:var(--ink-muted);
--text-faint:var(--ink-faint);
--text-on-primary:var(--on-primary);
--text-link:var(--primary);
--surface-canvas:var(--canvas);
--surface-canvas-soft:var(--canvas-soft);
--surface-card:var(--surface);
--border-hairline:var(--hairline);
--border-input:#dddddd;
}