/* 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-palette="forest"], [data-sbn-swatch="forest"] { --sbn-base: #1f5a3a; --sbn-accent-seed: #f0c75e; }
[data-sbn-palette="moss"], [data-sbn-swatch="moss"] { --sbn-base: #3d5a2e; --sbn-accent-seed: #f2d38a; }
[data-sbn-palette="navy"], [data-sbn-swatch="navy"] { --sbn-base: #1f3a5f; --sbn-accent-seed: #9cc3ff; }
[data-sbn-palette="sunset"], [data-sbn-swatch="sunset"] { --sbn-base: #9a4a1a; --sbn-accent-seed: #ffd27a; }
[data-sbn-palette="mustard"], [data-sbn-swatch="mustard"] { --sbn-base: #6f5310; --sbn-accent-seed: #f5e2a0; }
[data-sbn-palette="stone"], [data-sbn-swatch="stone"] { --sbn-base: #5a5148; --sbn-accent-seed: #e6dccb; }
[data-sbn-palette="charcoal"], [data-sbn-swatch="charcoal"] { --sbn-base: #1f2328; --sbn-accent-seed: #d9a441; }
[data-sbn-palette="sand"], [data-sbn-swatch="sand"] { --sbn-base: #6b5d4a; --sbn-accent-seed: #efe6d3; }
/* palette="custom": a cor principal é definida em site-colors.php (site) ou por script (painel). */

[data-sbn-tone^="-"] { --sbn-tone-target: black; }
[data-sbn-tone="-1"], [data-sbn-tone="1"] { --sbn-tone-weight: 5%; }
[data-sbn-tone="-2"], [data-sbn-tone="2"] { --sbn-tone-weight: 10%; }
[data-sbn-tone="-3"], [data-sbn-tone="3"] { --sbn-tone-weight: 15%; }
[data-sbn-tone="-4"], [data-sbn-tone="4"] { --sbn-tone-weight: 20%; }
[data-sbn-tone="-5"], [data-sbn-tone="5"] { --sbn-tone-weight: 25%; }
[data-sbn-tone="-6"], [data-sbn-tone="6"] { --sbn-tone-weight: 30%; }
[data-sbn-tone="-7"], [data-sbn-tone="7"] { --sbn-tone-weight: 35%; }
[data-sbn-tone="-8"], [data-sbn-tone="8"] { --sbn-tone-weight: 40%; }
[data-sbn-tone="-9"], [data-sbn-tone="9"] { --sbn-tone-weight: 45%; }
[data-sbn-tone="-10"], [data-sbn-tone="10"] { --sbn-tone-weight: 50%; }

@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: var(--sbn-accent-seed, 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);
  }
}