/* The untouched original palette uses the site stylesheet's own colors. */
[data-sbn-palette="original"], [data-sbn-swatch="original"] { --sbn-base: #164d4c; }
[data-sbn-palette="blue"], [data-sbn-swatch="blue"] { --sbn-base: #17496b; }
[data-sbn-palette="teal"], [data-sbn-swatch="teal"] { --sbn-base: #0d5259; }
[data-sbn-palette="olive"], [data-sbn-swatch="olive"] { --sbn-base: #455322; }
[data-sbn-palette="terracotta"], [data-sbn-swatch="terracotta"] { --sbn-base: #794232; }
[data-sbn-palette="wine"], [data-sbn-swatch="wine"] { --sbn-base: #682f4f; }
[data-sbn-palette="violet"], [data-sbn-swatch="violet"] { --sbn-base: #4a3c75; }
[data-sbn-palette="slate"], [data-sbn-swatch="slate"] { --sbn-base: #384552; }

[data-sbn-tone^="-"] { --sbn-tone-target: black; }
[data-sbn-tone="-1"], [data-sbn-tone="1"] { --sbn-tone-weight: 2%; }
[data-sbn-tone="-2"], [data-sbn-tone="2"] { --sbn-tone-weight: 4%; }
[data-sbn-tone="-3"], [data-sbn-tone="3"] { --sbn-tone-weight: 6%; }
[data-sbn-tone="-4"], [data-sbn-tone="4"] { --sbn-tone-weight: 8%; }
[data-sbn-tone="-5"], [data-sbn-tone="5"] { --sbn-tone-weight: 10%; }
[data-sbn-tone="-6"], [data-sbn-tone="6"] { --sbn-tone-weight: 12%; }
[data-sbn-tone="-7"], [data-sbn-tone="7"] { --sbn-tone-weight: 14%; }
[data-sbn-tone="-8"], [data-sbn-tone="8"] { --sbn-tone-weight: 16%; }
[data-sbn-tone="-9"], [data-sbn-tone="9"] { --sbn-tone-weight: 18%; }
[data-sbn-tone="-10"], [data-sbn-tone="10"] { --sbn-tone-weight: 20%; }

@supports (color: color-mix(in srgb, red, white)) {
  [data-sbn-palette]:not([data-sbn-palette="original"][data-sbn-tone="0"]) {
    --sbn-primary: color-mix(in srgb, var(--sbn-base), var(--sbn-tone-target, white) var(--sbn-tone-weight, 0%));
    --sbn-strong: color-mix(in srgb, var(--sbn-primary), black 16%);
    --sbn-ink: color-mix(in srgb, var(--sbn-primary), #111a24 56%);
    --sbn-text: color-mix(in srgb, var(--sbn-primary), #49505a 70%);
    --sbn-outline: color-mix(in srgb, var(--sbn-primary), white 35%);
    --sbn-edge: color-mix(in srgb, var(--sbn-primary), white 70%);
    --sbn-border: color-mix(in srgb, var(--sbn-primary), white 84%);
    --sbn-wash: color-mix(in srgb, var(--sbn-primary), white 96%);
    --sbn-surface: color-mix(in srgb, var(--sbn-primary), white 92%);
    --sbn-fill: color-mix(in srgb, var(--sbn-primary), white 87%);
    --sbn-accent: color-mix(in srgb, var(--sbn-primary), white 75%);
    --sbn-on-dark: color-mix(in srgb, var(--sbn-primary), white 86%);
    --sbn-decoration: color-mix(in srgb, var(--sbn-primary), white 25%);
    --sbn-shadow: color-mix(in srgb, var(--sbn-ink) 12%, transparent);
    --sbn-photo-shade: color-mix(in srgb, var(--sbn-ink) 88%, transparent);
    --sbn-photo-fade: color-mix(in srgb, var(--sbn-ink) 8%, transparent);
    --ink: var(--sbn-ink);
    --green: var(--sbn-primary);
    --lime: var(--sbn-accent);
    --cream: var(--sbn-wash);
    --muted: var(--sbn-text);
    --line: var(--sbn-border);
  }
}