:root {
  --background: oklch(1 0 0);
  --text: oklch(0.3 0.02 264);

  --border: var(--gray-200);

  --link-color: oklch(0.546 0.245 262.881);
  --link-color-alt: black;
  --link-visited: oklch(0.4 0.2 301.8);

  --blue-600: oklch(0.546 0.245 262.881);
  --green-600: oklch(0.627 0.194 149.214);
  --pink-600: oklch(0.592 0.249 0.584);
  --yellow-600: oklch(0.681 0.162 75.834);
  --red-600: oklch(0.577 0.245 27.325);
  --teal-600: oklch(0.6 0.118 184.704);

  --color-yellow-50: #fefce8;
  --color-yellow-100: #fef9c2;
  --color-yellow-200: #fff085;

  --color-blue-600: #155dfb;

  --gray-100: oklch(0.967 0.003 264.542);
  --gray-200: oklch(0.928 0.006 264.531);
  --gray-300: oklch(0.872 0.01 258.338);
  --gray-400: oklch(0.707 0.022 261.325);
  --gray-500: oklch(0.551 0.027 264.364);
  --gray-600: oklch(0.446 0.03 256.802);

  --site-list-marker-voted: black;
}

@media (prefers-color-scheme: dark) {
  :root {
    --gray-100: oklch(0.3 0.02 264);
    --gray-200: oklch(0.35 0.02 264);
    --gray-300: oklch(0.4 0.02 264);
    --gray-400: oklch(0.5 0.02 264);
    --gray-500: oklch(0.7 0.02 264);
    --gray-600: oklch(0.9 0.01 264);

    --color-yellow-50: #733e0a;
    --color-yellow-100: #894b00;
    --color-yellow-200: #a65f00;

    --link-color: oklch(0.7 0.2 262.881);
    --link-color-alt: var(--gray-500);
    --link-visited: oklch(0.6 0.15 301.8);
    --blue-600: oklch(0.7 0.245 262.881);
    --green-600: oklch(0.75 0.194 149.214);
    --pink-600: oklch(0.75 0.249 0.584);
    --yellow-600: oklch(0.8 0.162 75.834);
    --red-600: oklch(0.75 0.245 27.325);
    --background: oklch(0.2 0.02 264);
    --text: oklch(0.9 0.01 264);
    --border: oklch(0.35 0.02 264);
    --site-list-marker-voted: oklch(1 0 0);
  }
}