/* Generated from color_palette. Values are server-validated #RRGGBB. */
:root {
  --accent: #4d66d7;
  --accent-soft: color-mix(in srgb, var(--accent) 12%, var(--bg));
  --md-palette-red-text: #b42318;
  --md-palette-red-mark: #ffd6d2;
  --md-palette-orange-text: #b54708;
  --md-palette-orange-mark: #ffd9ae;
  --md-palette-yellow-text: #7a6500;
  --md-palette-yellow-mark: #fff1a8;
  --md-palette-green-text: #067647;
  --md-palette-green-mark: #ccebd9;
  --md-palette-blue-text: #175cd3;
  --md-palette-blue-mark: #d6e4ff;
  --md-palette-purple-text: #6938ef;
  --md-palette-purple-mark: #e5d9ff;
  --md-palette-pink-text: #c11574;
  --md-palette-pink-mark: #f7d5e6;
  --md-palette-gray-text: #475467;
  --md-palette-gray-mark: #e4e7ec;
}
:root[data-theme="dark"] {
  --accent: #94a5ff;
  --accent-soft: color-mix(in srgb, var(--accent) 16%, var(--bg));
  --md-palette-red-text: #ff8f87;
  --md-palette-red-mark: #5a2927;
  --md-palette-orange-text: #ffb66e;
  --md-palette-orange-mark: #52331e;
  --md-palette-yellow-text: #f3dc78;
  --md-palette-yellow-mark: #554719;
  --md-palette-green-text: #7ed6a8;
  --md-palette-green-mark: #1f4631;
  --md-palette-blue-text: #91b8ff;
  --md-palette-blue-mark: #243e68;
  --md-palette-purple-text: #c4a8ff;
  --md-palette-purple-mark: #3b305f;
  --md-palette-pink-text: #f5a0ca;
  --md-palette-pink-mark: #542b43;
  --md-palette-gray-text: #c2c8d0;
  --md-palette-gray-mark: #363a40;
}
.markdown-body .md-color[data-palette="red"] { color: var(--md-palette-red-text); }
.markdown-body .md-mark[data-palette="red"] { background-color: var(--md-palette-red-mark); }
.format-color-option[data-style-kind="color"][data-style-value="red"] { --swatch: var(--md-palette-red-text); }
.format-color-option[data-style-kind="mark"][data-style-value="red"] { --swatch: var(--md-palette-red-mark); }
.settings-palette-swatch[data-kind="text"][data-palette="red"] { background: var(--md-palette-red-text); }
.settings-palette-swatch[data-kind="mark"][data-palette="red"] { background: var(--md-palette-red-mark); }
.markdown-body .md-color[data-palette="orange"] { color: var(--md-palette-orange-text); }
.markdown-body .md-mark[data-palette="orange"] { background-color: var(--md-palette-orange-mark); }
.format-color-option[data-style-kind="color"][data-style-value="orange"] { --swatch: var(--md-palette-orange-text); }
.format-color-option[data-style-kind="mark"][data-style-value="orange"] { --swatch: var(--md-palette-orange-mark); }
.settings-palette-swatch[data-kind="text"][data-palette="orange"] { background: var(--md-palette-orange-text); }
.settings-palette-swatch[data-kind="mark"][data-palette="orange"] { background: var(--md-palette-orange-mark); }
.markdown-body .md-color[data-palette="yellow"] { color: var(--md-palette-yellow-text); }
.markdown-body .md-mark[data-palette="yellow"] { background-color: var(--md-palette-yellow-mark); }
.format-color-option[data-style-kind="color"][data-style-value="yellow"] { --swatch: var(--md-palette-yellow-text); }
.format-color-option[data-style-kind="mark"][data-style-value="yellow"] { --swatch: var(--md-palette-yellow-mark); }
.settings-palette-swatch[data-kind="text"][data-palette="yellow"] { background: var(--md-palette-yellow-text); }
.settings-palette-swatch[data-kind="mark"][data-palette="yellow"] { background: var(--md-palette-yellow-mark); }
.markdown-body .md-color[data-palette="green"] { color: var(--md-palette-green-text); }
.markdown-body .md-mark[data-palette="green"] { background-color: var(--md-palette-green-mark); }
.format-color-option[data-style-kind="color"][data-style-value="green"] { --swatch: var(--md-palette-green-text); }
.format-color-option[data-style-kind="mark"][data-style-value="green"] { --swatch: var(--md-palette-green-mark); }
.settings-palette-swatch[data-kind="text"][data-palette="green"] { background: var(--md-palette-green-text); }
.settings-palette-swatch[data-kind="mark"][data-palette="green"] { background: var(--md-palette-green-mark); }
.markdown-body .md-color[data-palette="blue"] { color: var(--md-palette-blue-text); }
.markdown-body .md-mark[data-palette="blue"] { background-color: var(--md-palette-blue-mark); }
.format-color-option[data-style-kind="color"][data-style-value="blue"] { --swatch: var(--md-palette-blue-text); }
.format-color-option[data-style-kind="mark"][data-style-value="blue"] { --swatch: var(--md-palette-blue-mark); }
.settings-palette-swatch[data-kind="text"][data-palette="blue"] { background: var(--md-palette-blue-text); }
.settings-palette-swatch[data-kind="mark"][data-palette="blue"] { background: var(--md-palette-blue-mark); }
.markdown-body .md-color[data-palette="purple"] { color: var(--md-palette-purple-text); }
.markdown-body .md-mark[data-palette="purple"] { background-color: var(--md-palette-purple-mark); }
.format-color-option[data-style-kind="color"][data-style-value="purple"] { --swatch: var(--md-palette-purple-text); }
.format-color-option[data-style-kind="mark"][data-style-value="purple"] { --swatch: var(--md-palette-purple-mark); }
.settings-palette-swatch[data-kind="text"][data-palette="purple"] { background: var(--md-palette-purple-text); }
.settings-palette-swatch[data-kind="mark"][data-palette="purple"] { background: var(--md-palette-purple-mark); }
.markdown-body .md-color[data-palette="pink"] { color: var(--md-palette-pink-text); }
.markdown-body .md-mark[data-palette="pink"] { background-color: var(--md-palette-pink-mark); }
.format-color-option[data-style-kind="color"][data-style-value="pink"] { --swatch: var(--md-palette-pink-text); }
.format-color-option[data-style-kind="mark"][data-style-value="pink"] { --swatch: var(--md-palette-pink-mark); }
.settings-palette-swatch[data-kind="text"][data-palette="pink"] { background: var(--md-palette-pink-text); }
.settings-palette-swatch[data-kind="mark"][data-palette="pink"] { background: var(--md-palette-pink-mark); }
.markdown-body .md-color[data-palette="gray"] { color: var(--md-palette-gray-text); }
.markdown-body .md-mark[data-palette="gray"] { background-color: var(--md-palette-gray-mark); }
.format-color-option[data-style-kind="color"][data-style-value="gray"] { --swatch: var(--md-palette-gray-text); }
.format-color-option[data-style-kind="mark"][data-style-value="gray"] { --swatch: var(--md-palette-gray-mark); }
.settings-palette-swatch[data-kind="text"][data-palette="gray"] { background: var(--md-palette-gray-text); }
.settings-palette-swatch[data-kind="mark"][data-palette="gray"] { background: var(--md-palette-gray-mark); }