:root{
/* Surfaces */
--surface-page:var(--mk-cream-200);
--surface-card:var(--mk-cream-100);
--surface-raised:var(--mk-paper);
--surface-sunken:var(--mk-cream-300);
--surface-inverse:var(--mk-espresso-700);
--surface-inverse-alt:var(--mk-saddle-600);
--surface-accent:var(--mk-rust-500);
--surface-accent-soft:var(--mk-rust-100);
--surface-nature:var(--mk-sage-500);
--surface-nature-soft:var(--mk-sage-100);

/* Text */
--text-body:var(--mk-espresso-700);
--text-heading:var(--mk-espresso-800);
--text-muted:var(--mk-stone-600);
--text-subtle:var(--mk-stone-400);
--text-accent:var(--mk-rust-700);
--text-on-inverse:var(--mk-cream-200);
--text-on-inverse-muted:var(--mk-rust-300);
--text-on-accent:var(--mk-espresso-900);

/* Lines */
--line-hairline:var(--mk-cream-400);
--line-strong:var(--mk-saddle-600);
--line-inverse:rgba(243,233,216,.24);

/* Interactive */
--action-primary-bg:var(--mk-espresso-700);
--action-primary-fg:var(--mk-cream-200);
--action-primary-bg-hover:var(--mk-espresso-800);
--action-primary-bg-active:var(--mk-espresso-900);
--action-secondary-fg:var(--mk-espresso-700);
--action-secondary-border:var(--mk-saddle-600);
--action-secondary-bg-hover:var(--mk-cream-300);
--action-accent-bg:var(--mk-rust-500);
--action-accent-bg-hover:var(--mk-rust-600);
--action-accent-fg:var(--mk-espresso-900);
--focus-ring:var(--mk-ring-focus);

/* Links */
--link-fg:var(--mk-rust-700);
--link-fg-hover:var(--mk-espresso-800);
--link-underline:var(--mk-rust-300);

/* Type roles */
--type-display:var(--mk-font-display);
--type-body:var(--mk-font-text);
}