:root {
  color-scheme: light;

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

  --canvas: #f6f6f4;
  --ink: #111111;
  --muted: #5c5c5c;
  --accent: #2b3a8f;
  --accent-soft: rgba(43, 58, 143, 0.1);
  --line: #e2e2dc;
  --surface: #ffffff;
  --surface-2: #ecece8;

  --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: #4450a0;

  --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;
}