:root {
  --sys-paper: var(--surface-page);
  --sys-paper-100: var(--surface-1);
  --sys-paper-200: var(--surface-2);
  --sys-ink-900: var(--text-primary);
  --sys-ink-800: var(--text-secondary);
  --sys-ink-700: var(--text-muted);
  --sys-mid-600: var(--text-muted);
  --sys-mid-500: var(--text-subtle);
  --sys-mid-400: var(--text-disabled);
  --sys-steel-700: var(--text-link);
  --sys-steel-500: var(--text-link-hover);
  --sys-danger: var(--state-error);
  --sys-success: var(--state-success);
  --sys-radius-control: 6px;
  --sys-radius-surface: 8px;
  --sys-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

html,
body {
  font-family: var(--sys-font-sans);
  letter-spacing: 0;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

a {
  color: var(--sys-ink-900);
}

a:hover {
  color: var(--sys-steel-700);
}

button,
input,
select,
textarea {
  font: inherit;
}