:root {
  color-scheme: light;

  --font: "Outfit", system-ui, sans-serif;

  --canvas: #f3f0e8;
  --ink: #161513;
  --muted: #6a6560;
  --accent: #1f4f4a;
  --accent-soft: rgba(31, 79, 74, 0.1);
  --line: #ddd6c8;
  --surface: #fffcf6;
  --surface-2: #ebe6da;

  --color-canvas: var(--canvas);
  --color-ink: var(--ink);
  --color-ink-muted: var(--muted);
  --color-accent: var(--accent);
  --color-accent-dim: var(--accent-soft);
  --color-hairline: var(--line);
  --color-surface: var(--surface);
  --color-surface-2: var(--surface-2);
  --color-body-bg: var(--canvas);

  --color-item-body-bg: var(--surface);
  --color-item-body-text: var(--ink);
  --color-item-link-normal: var(--accent);
  --color-item-link-hover: var(--ink);
  --color-item-link-active: var(--ink);
  --color-item-link-visited: #3d5c58;

  --color-notification-failure-text: #8a3030;
  --color-notification-success-text: #2d5a38;
  --color-notification-neutral-text: var(--ink);
  --color-notification-success-bg: #dce8de;
  --color-notification-failure-bg: #f0d8d6;
  --color-notification-neutral-bg: var(--surface-2);

  --bg-main: none;
  --bg-footer: none;
}