:root{
--color-orange:#FF5D35;
--color-dark-grey:#2A2F3C;
--color-medium-grey:#A1A1AB;
--color-light-grey:#EDEDF1;
--color-black:#000000;
--color-white:#FFFFFF;
--surface-page:var(--color-white);
--surface-card:var(--color-white);
--surface-sunken:var(--color-light-grey);
--surface-inverse:var(--color-black);
--surface-accent:var(--color-orange);
--text-primary:var(--color-black);
--text-secondary:var(--color-dark-grey);
--text-muted:var(--color-medium-grey);
--text-on-accent:var(--color-black);
--text-on-inverse:var(--color-white);
--border-default:var(--color-black);
--border-subtle:var(--color-medium-grey);
--border-hairline:var(--color-light-grey);
--accent-primary:var(--color-orange);
--accent-primary-hover:#e8481f;
--accent-primary-press:#c93c17;
--focus-ring:var(--color-orange);
}