/* Sizes */
:root {
  --text-size: 20px;
}

/* Colors */

/* https://tools.keithjgrant.com/theme-machine/palette/?l=0.47&c=0.19&h=354!&h=144&h=204 */

:root {
  --dust-1: oklch(98% 0.002 354);
  --dust-2: oklch(97% 0.005 354);
  --dust-3: oklch(93% 0.008 354);
  --dust-4: oklch(84% 0.01 354);
  --dust-5: oklch(80% 0.013 354);
  --dust-6: oklch(71% 0.015 354);
  --dust-7: oklch(66% 0.016 354);
  --dust-8: oklch(58% 0.017 354);
  --dust-9: oklch(53% 0.016 354);
  --dust-10: oklch(49% 0.015 354);
  --dust-11: oklch(42% 0.014 354);
  --dust-12: oklch(35% 0.012 354);
  --dust-13: oklch(27% 0.01 354);
  --dust-14: oklch(20% 0.007 354);
  --dust-15: oklch(16% 0.006 354);
  --dust-16: oklch(10% 0.004 354);
  --dust-accent: oklch(47% 0.04 354);

  --raspberry-1: oklch(98% 0.011 354);
  --raspberry-2: oklch(97% 0.022 354);
  --raspberry-3: oklch(93% 0.038 354);
  --raspberry-4: oklch(84% 0.046 354);
  --raspberry-5: oklch(80% 0.061 354);
  --raspberry-6: oklch(71% 0.072 354);
  --raspberry-7: oklch(66% 0.076 354);
  --raspberry-8: oklch(58% 0.08 354);
  --raspberry-9: oklch(53% 0.076 354);
  --raspberry-10: oklch(49% 0.072 354);
  --raspberry-11: oklch(42% 0.065 354);
  --raspberry-12: oklch(35% 0.057 354);
  --raspberry-13: oklch(27% 0.046 354);
  --raspberry-14: oklch(20% 0.034 354);
  --raspberry-15: oklch(16% 0.027 354);
  --raspberry-16: oklch(10% 0.019 354);
  --raspberry-accent: oklch(47% 0.19 354);

  --green-1: oklch(98% 0.011 144);
  --green-2: oklch(97% 0.023 144);
  --green-3: oklch(93% 0.038 144);
  --green-4: oklch(84% 0.046 144);
  --green-5: oklch(80% 0.061 144);
  --green-6: oklch(71% 0.072 144);
  --green-7: oklch(66% 0.076 144);
  --green-8: oklch(58% 0.08 144);
  --green-9: oklch(53% 0.076 144);
  --green-10: oklch(49% 0.072 144);
  --green-11: oklch(42% 0.065 144);
  --green-12: oklch(35% 0.057 144);
  --green-13: oklch(27% 0.046 144);
  --green-14: oklch(20% 0.034 144);
  --green-15: oklch(16% 0.027 144);
  --green-16: oklch(10% 0.019 144);
  --green-accent: oklch(47% 0.19 144);

  --cyan-1: oklch(98% 0.011 204);
  --cyan-2: oklch(97% 0.023 204);
  --cyan-3: oklch(93% 0.038 204);
  --cyan-4: oklch(84% 0.046 204);
  --cyan-5: oklch(80% 0.061 204);
  --cyan-6: oklch(71% 0.072 204);
  --cyan-7: oklch(66% 0.076 204);
  --cyan-8: oklch(58% 0.08 204);
  --cyan-9: oklch(53% 0.076 204);
  --cyan-10: oklch(49% 0.072 204);
  --cyan-11: oklch(42% 0.065 204);
  --cyan-12: oklch(35% 0.057 204);
  --cyan-13: oklch(27% 0.046 204);
  --cyan-14: oklch(20% 0.034 204);
  --cyan-15: oklch(16% 0.027 204);
  --cyan-16: oklch(10% 0.019 204);
  --cyan-accent: oklch(47.8% 0.109 206);
}

/* Theme */
:root {
  --bg-color: #fff;
  --bg-accent-color: var(--cyan-1);
  --text-color: var(--dust-16);
  --text-accent-color: var(--dust-7);
  --code-bg-color: var(--dust-3);
  --link-color: var(--cyan-12);
  --headline-color: var(--cyan-14);
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg-color: var(--cyan-14);
    --bg-accent-color: var(--cyan-15);
    --text-color: var(--dust-2);
    --text-accent-color: var(--dust-7);
    --code-bg-color: var(--dust-4);
    --link-color: var(--cyan-7);
    --headline-color: var(--cyan-4);
  }
}