/* Saved selections: preview 1 (Logo Green / Leaf), preview 3 (Emerald / Mint). */
:root {
  --bk-leaf-start: #076d1f;
  --bk-leaf-end: #4c913b;
  --bk-emerald-mint-start: #075b3f;
  --bk-emerald-mint-end: #3e8c69;
}

[data-bk-title-palette="leaf"] {
  --bk-title-start: var(--bk-leaf-start);
  --bk-title-end: var(--bk-leaf-end);
}
[data-bk-title-palette="emerald-mint"] {
  --bk-title-start: var(--bk-emerald-mint-start);
  --bk-title-end: var(--bk-emerald-mint-end);
}
[data-bk-title-palette][data-bk-title-palette] { color: var(--bk-title-start); }

/* Tint the selected greens on brown backgrounds; retain the original palettes above. */
[data-bk-title-palette="leaf"][data-bk-title-surface="dark"] {
  --bk-title-start: color-mix(in srgb, var(--bk-leaf-start), white 48%);
  --bk-title-end: color-mix(in srgb, var(--bk-leaf-end), white 48%);
}
[data-bk-title-palette="emerald-mint"][data-bk-title-surface="dark"] {
  --bk-title-start: color-mix(in srgb, var(--bk-emerald-mint-start), white 48%);
  --bk-title-end: color-mix(in srgb, var(--bk-emerald-mint-end), white 48%);
}

[data-bk-title-palette] > .bk-title-gradient {
  display: inline-block;
  max-width: 100%;
  color: var(--bk-title-start);
}
@supports ((background-clip: text) or (-webkit-background-clip: text)) {
  [data-bk-title-palette] > .bk-title-gradient {
    background-image: linear-gradient(110deg, var(--bk-title-start), var(--bk-title-end));
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
  }
}
[data-bk-title-palette][data-bk-title-palette]::after {
  background: linear-gradient(110deg, var(--bk-title-start), var(--bk-title-end));
}
@media (forced-colors: active) {
  [data-bk-title-palette] > .bk-title-gradient {
    background: none;
    color: CanvasText;
    -webkit-text-fill-color: CanvasText;
  }
}