:root {
  color-scheme: light;

  --font-body: Inter, system-ui, sans-serif;
  --font-mono: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;

  --canvas: #cfccc4;
  --surface: #dcd9d1;
  --surface-raised: #dcd9d1;
  --border: #b0aaa0;
  --border-muted: #c2bcb2;
  --text: #2b2722;
  --text-secondary: #565049;
  --text-muted: #7a736a;

  --accent: #0ea5e9;
  --accent-strong: #0284c7;
  --accent-contrast: #ffffff;
  --link: #0284c7;

  --success: #16a34a;
  --success-strong: #15803d;
  --danger: #dc2626;
  --danger-strong: #b91c1c;
  --warning: #d4a72c;

  --seeders: #16a34a;
  --leechers: #dc2626;

  --role-admin-bg: #cf222e;
  --role-mod-bg: #0969da;
  --role-fg: #ffffff;
  --on-accent: #ffffff;

  --code-bg: rgba(0, 0, 0, 0.12);
  --pre-bg: #c4c0b7;
  --row-hover: #cfccc4;
  --search-border: #c2bcb2;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;

  --radius-sm: 0.25rem;
  --radius: 0.375rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;
  --radius-full: 9999px;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;

  --shadow-sm: 0 1px 2px rgb(0 0 0 / 8%);
  --shadow: 0 2px 8px rgb(0 0 0 / 12%);
  --shadow-lg: 0 8px 24px rgb(0 0 0 / 15%);

  --sidebar-width: 19.5rem;
  --content-max: 90rem;
  --page-wide: 64rem;

  --engine-rpgm: #2196f3;
  --engine-unity: #fe5901;
  --engine-renpy: #b069e8;
  --engine-unreal: #0d47a1;
  --engine-html: #689f38;
  --engine-godot: #03a9f4;
  --engine-other: #9e9e9e;

  --transition: 200ms;
}

html.dark {
  color-scheme: dark;

  --canvas: #111111;
  --surface: #111111;
  --surface-raised: #242629;
  --border: #334155;
  --border-muted: #1e293b;
  --text: #ffffff;
  --text-secondary: #ffffff;
  --text-muted: #94a3b8;

  --accent: #0ea5e9;
  --accent-strong: #0284c7;
  --link: #58a6ff;

  --success: #16a34a;
  --success-strong: #15803d;
  --danger: #ef4444;
  --danger-strong: #dc2626;
  --warning: #d29922;

  --seeders: #4ade80;
  --leechers: #f87171;

  --role-admin-bg: #da3633;
  --role-mod-bg: #1f6feb;

  --code-bg: transparent;
  --pre-bg: #161b22;
  --row-hover: rgba(30, 41, 59, 0.3);
  --search-border: transparent;

  --shadow: 0 2px 10px rgb(0 0 0 / 45%);
  --shadow-lg: 0 8px 24px rgb(0 0 0 / 55%);
}