/* Design tokens for both color schemes. Layout and components read only these variables, so a
   palette change never touches the other stylesheets. One accent color; everything else is
   neutral, so links and the current location are the only things that stand out. */

:root {
  --dream-radius: 0.5rem;
  --dream-radius-sm: 0.35rem;
  --dream-reading-width: 40rem;
  --dream-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --dream-amber: #d29922;
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color: #0d1012;
  --md-default-bg-color--light: rgba(13, 16, 18, 0.7);
  --md-default-fg-color: #e6e9ea;
  --md-default-fg-color--light: rgba(230, 233, 234, 0.72);
  --md-default-fg-color--lighter: rgba(230, 233, 234, 0.48);
  --md-default-fg-color--lightest: rgba(230, 233, 234, 0.07);

  --md-primary-fg-color: #3fd69a;
  --md-primary-fg-color--light: #6ee3b4;
  --md-primary-fg-color--dark: #2bb882;
  --md-primary-bg-color: #ffffff;
  --md-primary-bg-color--light: rgba(255, 255, 255, 0.7);
  --md-accent-fg-color: #6ee3b4;
  --md-accent-fg-color--transparent: rgba(63, 214, 154, 0.1);
  --md-typeset-a-color: #5edfaa;

  --md-footer-bg-color: transparent;
  --md-footer-bg-color--dark: transparent;

  --dream-surface: #13171a;
  --dream-surface-raised: #191e22;
  --dream-border: #232a2f;
  --dream-border-strong: #313a40;
  --dream-tint: rgba(63, 214, 154, 0.1);
  --dream-on-primary: #05170f;

  --md-code-bg-color: #12161a;
  --md-code-fg-color: #adbac7;
  --md-code-hl-color: rgba(63, 214, 154, 0.12);
  --md-code-hl-keyword-color: #f47067;
  --md-code-hl-string-color: #96d0ff;
  --md-code-hl-number-color: #6cb6ff;
  --md-code-hl-constant-color: #6cb6ff;
  --md-code-hl-special-color: #f69d50;
  --md-code-hl-function-color: #dcbdfb;
  --md-code-hl-class-color: #f69d50;
  --md-code-hl-comment-color: #768390;
  --md-code-hl-generic-color: #f69d50;
  --md-code-hl-variable-color: #adbac7;
  --md-code-hl-operator-color: #adbac7;
  --md-code-hl-punctuation-color: #8b98a5;
  --md-code-hl-name-color: #adbac7;
}

[data-md-color-scheme="default"] {
  --md-default-bg-color: #ffffff;
  --md-default-bg-color--light: rgba(255, 255, 255, 0.7);
  --md-default-fg-color: #1b1f22;
  --md-default-fg-color--light: rgba(27, 31, 34, 0.74);
  --md-default-fg-color--lighter: rgba(27, 31, 34, 0.5);
  --md-default-fg-color--lightest: rgba(27, 31, 34, 0.06);

  --md-primary-fg-color: #0a8a5c;
  --md-primary-fg-color--light: #11a06d;
  --md-primary-fg-color--dark: #07714b;
  --md-primary-bg-color: #ffffff;
  --md-primary-bg-color--light: rgba(255, 255, 255, 0.7);
  --md-accent-fg-color: #07714b;
  --md-accent-fg-color--transparent: rgba(10, 138, 92, 0.08);
  --md-typeset-a-color: #087a52;

  --md-footer-fg-color: #1b1f22;
  --md-footer-fg-color--light: rgba(27, 31, 34, 0.74);
  --md-footer-fg-color--lighter: rgba(27, 31, 34, 0.5);
  --md-footer-bg-color: transparent;
  --md-footer-bg-color--dark: transparent;

  --dream-surface: #f8f9f9;
  --dream-surface-raised: #f1f3f3;
  --dream-border: #e3e7e8;
  --dream-border-strong: #cfd5d8;
  --dream-tint: rgba(10, 138, 92, 0.08);
  --dream-on-primary: #ffffff;

  --md-code-bg-color: #f6f8fa;
  --md-code-fg-color: #1f2328;
  --md-code-hl-color: rgba(10, 138, 92, 0.1);
  --md-code-hl-keyword-color: #cf222e;
  --md-code-hl-string-color: #0a3069;
  --md-code-hl-number-color: #0550ae;
  --md-code-hl-constant-color: #0550ae;
  --md-code-hl-special-color: #953800;
  --md-code-hl-function-color: #8250df;
  --md-code-hl-class-color: #953800;
  --md-code-hl-comment-color: #6e7781;
  --md-code-hl-generic-color: #953800;
  --md-code-hl-variable-color: #1f2328;
  --md-code-hl-operator-color: #1f2328;
  --md-code-hl-punctuation-color: #57606a;
  --md-code-hl-name-color: #1f2328;
}