/* GENERATED by scripts/palettes.mjs from Val's paintings (content/palettes.json). Concept only. */
/* Collection names in their collection's colours: A painted fill, B sampled gradient, C per-letter tones. */
/* Only the collection names change; body text, navigation and the wordmark stay ink. No animation. */

/* Structural rules (one visible word; per-letter markup only for C) live in site.css. */
.cname {
  color: var(--cname-solid, inherit);
}

/* Water: #296798 (5.3:1), #4582B0 (3.64:1), #28506A (7.55:1), #668DA9 (3.11:1), #728BA5 (3.1:1) */
[data-names] [data-accent="water"] .cname,
[data-names] .cname[data-accent="water"] {
  --cname-solid: #4582b0;
}
[data-names="b"] [data-accent="water"] .cname,
[data-names="b"] .cname[data-accent="water"] {
  --cname-fill: linear-gradient(104deg, #28506a 0%, #4582b0 20%, #296798 40%, #668da9 60%, #728ba5 80%, #296798 100%);
}
[data-names="c"] [data-accent="water"] .cname .cname__letters span:nth-child(5n + 1),
[data-names="c"] .cname[data-accent="water"] .cname__letters span:nth-child(5n + 1) {
  color: #28506a;
}
[data-names="c"] [data-accent="water"] .cname .cname__letters span:nth-child(5n + 2),
[data-names="c"] .cname[data-accent="water"] .cname__letters span:nth-child(5n + 2) {
  color: #668da9;
}
[data-names="c"] [data-accent="water"] .cname .cname__letters span:nth-child(5n + 3),
[data-names="c"] .cname[data-accent="water"] .cname__letters span:nth-child(5n + 3) {
  color: #4582b0;
}
[data-names="c"] [data-accent="water"] .cname .cname__letters span:nth-child(5n + 4),
[data-names="c"] .cname[data-accent="water"] .cname__letters span:nth-child(5n + 4) {
  color: #296798;
}
[data-names="c"] [data-accent="water"] .cname .cname__letters span:nth-child(5n + 5),
[data-names="c"] .cname[data-accent="water"] .cname__letters span:nth-child(5n + 5) {
  color: #728ba5;
}
[data-names="a"] [data-accent="water"] .cname,
[data-names="a"] .cname[data-accent="water"] {
  --cname-fill: url("/media/names/water.webp?v=2");
  --cname-size: 100% auto;
  --cname-pos: 0% 15.5%;
}

/* Earth: #AC7F3A (3.16:1), #91693E (4.3:1), #634324 (7.83:1), #9D854F (3.13:1), #432D1A (11.34:1) */
[data-names] [data-accent="earth"] .cname,
[data-names] .cname[data-accent="earth"] {
  --cname-solid: #ac7f3a;
}
[data-names="b"] [data-accent="earth"] .cname,
[data-names="b"] .cname[data-accent="earth"] {
  --cname-fill: linear-gradient(98deg, #432d1a 0%, #91693e 20%, #634324 40%, #ac7f3a 60%, #9d854f 80%, #634324 100%);
}
[data-names="c"] [data-accent="earth"] .cname .cname__letters span:nth-child(5n + 1),
[data-names="c"] .cname[data-accent="earth"] .cname__letters span:nth-child(5n + 1) {
  color: #432d1a;
}
[data-names="c"] [data-accent="earth"] .cname .cname__letters span:nth-child(5n + 2),
[data-names="c"] .cname[data-accent="earth"] .cname__letters span:nth-child(5n + 2) {
  color: #634324;
}
[data-names="c"] [data-accent="earth"] .cname .cname__letters span:nth-child(5n + 3),
[data-names="c"] .cname[data-accent="earth"] .cname__letters span:nth-child(5n + 3) {
  color: #91693e;
}
[data-names="c"] [data-accent="earth"] .cname .cname__letters span:nth-child(5n + 4),
[data-names="c"] .cname[data-accent="earth"] .cname__letters span:nth-child(5n + 4) {
  color: #ac7f3a;
}
[data-names="c"] [data-accent="earth"] .cname .cname__letters span:nth-child(5n + 5),
[data-names="c"] .cname[data-accent="earth"] .cname__letters span:nth-child(5n + 5) {
  color: #9d854f;
}
[data-names="a"] [data-accent="earth"] .cname,
[data-names="a"] .cname[data-accent="earth"] {
  --cname-fill: url("/media/names/earth.webp?v=2");
  --cname-size: 100% auto;
  --cname-pos: 0% 72.3%;
}

/* Colour: #8C80BB (3.12:1), #735EA2 (4.8:1), #8184B5 (3.13:1), #549389 (3.13:1), #988746 (3.14:1), #782D4E (8.09:1) */
[data-names] [data-accent="colour"] .cname,
[data-names] .cname[data-accent="colour"] {
  --cname-solid: #8c80bb;
}
[data-names="b"] [data-accent="colour"] .cname,
[data-names="b"] .cname[data-accent="colour"] {
  --cname-fill: linear-gradient(110deg, #782d4e 0%, #549389 20%, #735ea2 40%, #988746 60%, #8c80bb 80%, #735ea2 100%);
}
[data-names="c"] [data-accent="colour"] .cname .cname__letters span:nth-child(6n + 1),
[data-names="c"] .cname[data-accent="colour"] .cname__letters span:nth-child(6n + 1) {
  color: #988746;
}
[data-names="c"] [data-accent="colour"] .cname .cname__letters span:nth-child(6n + 2),
[data-names="c"] .cname[data-accent="colour"] .cname__letters span:nth-child(6n + 2) {
  color: #549389;
}
[data-names="c"] [data-accent="colour"] .cname .cname__letters span:nth-child(6n + 3),
[data-names="c"] .cname[data-accent="colour"] .cname__letters span:nth-child(6n + 3) {
  color: #8184b5;
}
[data-names="c"] [data-accent="colour"] .cname .cname__letters span:nth-child(6n + 4),
[data-names="c"] .cname[data-accent="colour"] .cname__letters span:nth-child(6n + 4) {
  color: #8c80bb;
}
[data-names="c"] [data-accent="colour"] .cname .cname__letters span:nth-child(6n + 5),
[data-names="c"] .cname[data-accent="colour"] .cname__letters span:nth-child(6n + 5) {
  color: #735ea2;
}
[data-names="c"] [data-accent="colour"] .cname .cname__letters span:nth-child(6n + 6),
[data-names="c"] .cname[data-accent="colour"] .cname__letters span:nth-child(6n + 6) {
  color: #782d4e;
}
[data-names="a"] [data-accent="colour"] .cname,
[data-names="a"] .cname[data-accent="colour"] {
  --cname-fill: url("/media/names/colour.webp?v=2");
  --cname-size: 100% auto;
  --cname-pos: 0% 62%;
}

/* Earth (greens alternative): #2D987E (3.13:1), #409747 (3.22:1), #3E6F58 (5.1:1), #6E9078 (3.12:1), #194B43 (8.68:1) */
[data-names][data-earth="green"] [data-accent="earth"] .cname,
[data-names][data-earth="green"] .cname[data-accent="earth"] {
  --cname-solid: #2d987e;
}
[data-names="b"][data-earth="green"] [data-accent="earth"] .cname,
[data-names="b"][data-earth="green"] .cname[data-accent="earth"] {
  --cname-fill: linear-gradient(102deg, #194b43 0%, #409747 20%, #3e6f58 40%, #2d987e 60%, #6e9078 80%, #3e6f58 100%);
}
[data-names="c"][data-earth="green"] [data-accent="earth"] .cname .cname__letters span:nth-child(5n + 1),
[data-names="c"][data-earth="green"] .cname[data-accent="earth"] .cname__letters span:nth-child(5n + 1) {
  color: #409747;
}
[data-names="c"][data-earth="green"] [data-accent="earth"] .cname .cname__letters span:nth-child(5n + 2),
[data-names="c"][data-earth="green"] .cname[data-accent="earth"] .cname__letters span:nth-child(5n + 2) {
  color: #6e9078;
}
[data-names="c"][data-earth="green"] [data-accent="earth"] .cname .cname__letters span:nth-child(5n + 3),
[data-names="c"][data-earth="green"] .cname[data-accent="earth"] .cname__letters span:nth-child(5n + 3) {
  color: #3e6f58;
}
[data-names="c"][data-earth="green"] [data-accent="earth"] .cname .cname__letters span:nth-child(5n + 4),
[data-names="c"][data-earth="green"] .cname[data-accent="earth"] .cname__letters span:nth-child(5n + 4) {
  color: #2d987e;
}
[data-names="c"][data-earth="green"] [data-accent="earth"] .cname .cname__letters span:nth-child(5n + 5),
[data-names="c"][data-earth="green"] .cname[data-accent="earth"] .cname__letters span:nth-child(5n + 5) {
  color: #194b43;
}

/* Fill only where text clipping is supported; elsewhere the solid sampled colour shows. */
@supports ((background-clip: text) or (-webkit-background-clip: text)) {
  [data-names="a"] .cname,
  [data-names="b"] .cname {
    background-image: var(--cname-fill, none);
    background-size: var(--cname-size, 100% 100%);
    background-position: var(--cname-pos, 0 0);
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
  }
}
@media (forced-colors: active) {
  .cname,
  .cname__letters span {
    color: CanvasText !important;
    -webkit-text-fill-color: CanvasText !important;
    background: none !important;
  }
}
@media print {
  .cname {
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
    color: var(--cname-solid, #1d1d1b) !important;
  }
}