:root {
  --mn-color-palette-ink: #111111;
  --mn-color-palette-canvas: #f6f7f5;
  --mn-color-palette-surface: #ffffff;
  --mn-color-palette-mnemosyne-green: #1c2b0b;
  --mn-color-palette-mnemosyne-mark-light: #c7bfa8;
  --mn-color-palette-mnemosyne-mark-dark: #4f5c29;
  --mn-color-palette-action-teal: #0f6b78;
  --mn-color-palette-action-teal-hover: #0b5964;
  --mn-color-palette-line: #d9e0e3;
  --mn-color-palette-success: #28622b;
  --mn-color-palette-warning: #6f5410;
  --mn-color-palette-danger: #8a3c25;

  --mn-color-text-primary: var(--mn-color-palette-ink);
  --mn-color-surface-canvas: var(--mn-color-palette-canvas);
  --mn-color-surface-raised: var(--mn-color-palette-surface);
  --mn-color-action-primary-default: var(--mn-color-palette-action-teal);
  --mn-color-action-primary-hover: var(--mn-color-palette-action-teal-hover);
  --mn-color-border-subtle: var(--mn-color-palette-line);
  --mn-color-brand-footer: var(--mn-color-palette-mnemosyne-green);
  --mn-color-brand-mark-light: var(--mn-color-palette-mnemosyne-mark-light);
  --mn-color-brand-mark-dark: var(--mn-color-palette-mnemosyne-mark-dark);
  --mn-color-text-on-brand: #ffffff;
  --mn-color-status-success: var(--mn-color-palette-success);
  --mn-color-status-warning: var(--mn-color-palette-warning);
  --mn-color-status-danger: var(--mn-color-palette-danger);
  --mn-border-subtle: 1px solid var(--mn-color-border-subtle);

  --mn-space-1: 0.25rem;
  --mn-space-2: 0.5rem;
  --mn-space-3: 0.75rem;
  --mn-space-4: 1rem;
  --mn-space-6: 1.5rem;
  --mn-space-8: 2rem;

  --mn-radius-sm: 0.25rem;
  --mn-radius-md: 0.5rem;
  --mn-radius-lg: 0.75rem;

  --mn-font-family-sans: "Source Sans 3", ui-sans-serif, system-ui, sans-serif;
  --mn-font-family-serif: "Crimson Pro", ui-serif, Georgia, serif;
  --mn-font-size-body: 1rem;
  --mn-font-size-title: 2rem;
}