:root{
/* Surfaces */
--surface-page:var(--bone-100);
--surface-card:var(--white);
--surface-sunken:var(--bone-300);
--surface-raised:var(--white);
--surface-inverse:var(--navy-700);
--surface-inverse-deep:var(--navy-900);
--surface-accent:var(--copper-050);
--surface-muted:var(--slate-100);

/* Text */
--text-body:var(--ink-900);
--text-muted:var(--ink-500);
--text-subtle:var(--ink-300);
--text-heading:var(--navy-700);
--text-accent:var(--copper-700);
--text-inverse:var(--bone-300);
--text-inverse-muted:var(--slate-300);
--text-on-accent:var(--white);

/* Lines */
--line-hairline:var(--navy-a14);
--line-solid:var(--slate-200);
--line-strong:var(--navy-700);
--line-accent:var(--copper-600);
--line-inverse:var(--bone-a24);

/* Interactive */
--action-primary:var(--navy-700);
--action-primary-hover:var(--navy-600);
--action-primary-active:var(--navy-800);
--action-accent:var(--copper-600);
--action-accent-hover:var(--copper-500);
--action-accent-active:var(--copper-700);
--action-disabled-bg:var(--slate-100);
--action-disabled-text:var(--slate-400);

/* Control geometry */
--control-h-sm:32px;--control-h-md:40px;--control-h-lg:48px; /* @kind spacing */
--control-radius:var(--radius-sm);
--control-px-sm:12px;--control-px-md:16px;--control-px-lg:20px;
}