/* Jigwalk city skin: Perth, Boorloo. A wide clear sky over pale limestone, hard morning sun with blue shadows, the Indian
   Ocean and the Derbarl Yerrigan in deep blue, banksia orange, gum leaves and the hard shadows they throw.
   No Noongar design is used as decoration: no dot or line patterns, no "Aboriginal style" fonts, no serpent forms, no rays on
   the sun. Sky, limestone, water, plants and light only.
   Overrides --city-* tokens only. Palette, face and reasoning in play/themes/perth/DESIGN.md. */
@font-face { font-family: "Jost"; src: url(../fonts/jost-800-latin.woff2) format("woff2"); font-weight: 800; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Jost"; src: url(../fonts/jost-800-latin-ext.woff2) format("woff2"); font-weight: 800; font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

[data-city="perth"] {
  --city-ground: oklch(0.93 0.036 232);      /* #d1edfc  the wide sky at eight in the morning. The only city whose page is sky */
  --city-ground-2: oklch(0.972 0.02 92);     /* #faf6e7  pale limestone in full sun: cards and alternate sections */
  --city-ink: oklch(0.25 0.05 232);          /* #012535  the Indian Ocean, deep; 13.1:1 on ground, 14.7:1 on ground-2 */
  --city-ink-2: oklch(0.41 0.06 232);        /* #245065  7.1:1 on ground, 8.0:1 on ground-2 */
  --city-lead: oklch(0.72 0.165 58);         /* #ef861b  banksia in flower. A FIELD colour with INK on it (6.2:1), like Da Nang's yellow. Never text on ground */
  --city-on-lead: oklch(0.25 0.05 232);
  --city-lead-text: oklch(0.47 0.12 52);     /* #8d4302  banksia in shade: use this when orange must be text; 5.9:1 on ground, 6.6:1 on ground-2 */
  --city-deep: oklch(0.40 0.09 232);         /* #004f6f  the Derbarl Yerrigan under a clear sky; limestone on it 8.3:1, ground on it 7.3:1 */
  --city-on-deep: oklch(0.972 0.02 92);
  --city-accent: oklch(0.885 0.165 97);      /* #f8d83e  the sun, the master sun itself: found things; ink on it 11.3:1, 6.3:1 on deep */
  --city-on-accent: oklch(0.25 0.05 232);
  --city-shade: oklch(0.79 0.06 232);        /* #94c2db  the blue a hard shadow goes under this much sky. Graphics only, never text */
  --city-cast: -6px 6px 0 var(--city-shade); /* the one sun: every shadow falls down and to the left, hard edged. See DESIGN.md */
  --city-gum: oklch(0.45 0.08 168);          /* #1a634d  gum leaf; 5.9:1 on ground, 6.6:1 on ground-2 */
  --city-paw: oklch(0.47 0.17 22);           /* #a51d2b  kangaroo paw red; errors only */
  --city-display: "Jost", "Century Gothic", sans-serif;
  --city-display-stretch: 100%;              /* Jost at 800, mixed case: a geometric sans with round bowls and sharp points, */
  --city-display-weight: 800;                /* the clear flat lettering of a 1930s travel poster. No other city uses it */
  --city-display-case: none;
  --city-display-track: -0.005em;
  /* Gum-leaf shadows: sickle leaves falling on limestone. Filled shapes, never dots or lines. */
  --city-motif: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cpath d='M44.3 0.0C52.8 21.5 42.0 45.9 19.0 58.1C28.1 42.5 31.5 15.7 44.3 0.0ZM44.3 180.0C52.8 201.5 42.0 225.9 19.0 238.1C28.1 222.5 31.5 195.7 44.3 180.0ZM224.3 0.0C232.8 21.5 222.0 45.9 199.0 58.1C208.1 42.5 211.5 15.7 224.3 0.0ZM224.3 180.0C232.8 201.5 222.0 225.9 199.0 238.1C208.1 222.5 211.5 195.7 224.3 180.0ZM157.1 18.4C139.2 38.7 106.8 42.8 80.1 28.8C102.1 28.2 132.7 15.7 157.1 18.4ZM157.1 198.4C139.2 218.7 106.8 222.8 80.1 208.8C102.1 208.2 132.7 195.7 157.1 198.4ZM75.2 64.6C88.8 83.9 84.9 111.5 66.4 130.4C70.9 112.1 67.2 84.1 75.2 64.6ZM9.3 87.3C1.1 113.3 -26.9 128.6 -57.1 124.2C-37.2 115.9 -14.1 93.2 9.3 87.3ZM189.3 87.3C181.1 113.3 153.1 128.6 122.9 124.2C142.8 115.9 165.9 93.2 189.3 87.3ZM12.8 -59.2C6.9 -35.7 21.4 -11.6 46.7 -1.6C35.2 -16.8 28.1 -44.4 12.8 -59.2ZM12.8 120.8C6.9 144.3 21.4 168.4 46.7 178.4C35.2 163.2 28.1 135.6 12.8 120.8ZM192.8 -59.2C186.9 -35.7 201.4 -11.6 226.7 -1.6C215.2 -16.8 208.1 -44.4 192.8 -59.2ZM192.8 120.8C186.9 144.3 201.4 168.4 226.7 178.4C215.2 163.2 208.1 135.6 192.8 120.8ZM128.9 -49.1C133.9 -22.6 116.5 3.5 87.9 13.5C101.6 -2.9 111.1 -33.3 128.9 -49.1ZM128.9 130.9C133.9 157.4 116.5 183.5 87.9 193.5C101.6 177.1 111.1 146.7 128.9 130.9Z'/%3E%3C/svg%3E");
  --city-motif-size: 180px;
  --city-motif-ink: color-mix(in oklch, var(--city-ink) 8%, transparent);
  --city-grade: saturate(1.06) contrast(1.07) brightness(1.03);   /* hard, clear, dry light; no warm cast */
}