:root {
  --theme-font-family: var(--font-humanist);

  --measure: 60ch;
}

[data-theme="light"] {
  --theme-base: var(--neutral-1);
  --theme-base-on: var(--neutral-1-on);

  --theme-primary: var(--primary-8);
  --theme-primary-on: var(--primary-8-on);
  --theme-primary-dim: var(--primary-8-dim);

  --theme-secondary: var(--secondary-6);
  --theme-secondary-on: var(--secondary-6-on);
  --theme-secondary-dim: var(--secondary-6-dim);

  --theme-error: var(--error-8);
  --theme-error-on: var(--error-8-on);
  --theme-error-dim: var(--error-8-dim);

  --theme-surface: var(--neutral-variant-1);
  --theme-surface-on: var(--neutral-variant-1-on);
}

[data-theme="dark"] {
  --theme-base: var(--neutral-12);
  --theme-base-on: var(--neutral-12-on);

  --theme-primary: var(--primary-3);
  --theme-primary-on: var(--primary-3-on);
  --theme-primary-dim: var(--primary-3-dim);

  --theme-secondary: var(--secondary-5);
  --theme-secondary-on: var(--secondary-5-on);
  --theme-secondary-dim: var(--secondary-5-dim);

  --theme-error: var(--error-3);
  --theme-error-on: var(--error-3-on);
  --theme-error-dim: var(--error-3-dim);

  --theme-surface: var(--neutral-variant-10);
  --theme-surface-on: var(--neutral-variant-10-on);
}