:root {
  --color-bg-primary: #ffffff;
  --color-bg-primary-rgb: 255, 255, 255;
  --color-bg-secondary: #f1f1f1;
  --color-bg-form: #f5f5f5;
  --color-text-primary: #4d4949;
  --color-text-secondary: #666666;
  --color-text-tertiary: #b2b1a9;
  --color-text-metadata: #999999;
  --color-text-form: #333333;
  --color-titlebar-bg: transparent;
  --color-titlebar-text: #ffffff;
  --color-titlebar-text-alt: #000000;
  --color-accent-default: #3b4a57;
  --color-accent-default-rgb: 59, 74, 87;
  --color-accent-active: #2d3842;
  --color-accent-hover: #4c5d6d;
  --color-accent-subtle: rgba(59, 74, 87, 0.2);
  --color-border-default: #4d4c4c;
  --color-error: #dc3545;
  --font-sans: "Noto Sans", sans-serif;
  --font-serif: "Crimson Text", serif;
  --content-max-width: 1200px;
}

[data-theme="dark"] {
  --color-bg-primary: #323031;
  --color-bg-primary-rgb: 50, 48, 49;
  --color-bg-secondary: #383637;
  --color-text-primary: #f0f0f0;
  --color-titlebar-text-alt: #ffffff;
  --color-text-secondary: #bbbbbb;
  --color-text-metadata: #777777;
}