/* Jigwalk city skin: Da Nang. Sunlit; Dragon Bridge yellow, the Han River, lantern red, bougainvillea.
   Overrides --city-* tokens only. Sources in docs/brand/BRAND.md (Da Nang). */
@font-face { font-family: "Be Vietnam Pro"; src: url(../fonts/bevietnampro-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: "Be Vietnam Pro"; src: url(../fonts/bevietnampro-800-vietnamese.woff2) format("woff2"); font-weight: 800; font-display: swap;
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }

[data-city="danang"] {
  --city-ground: oklch(0.98 0.01 92);        /* #fbf8f1  white-hot noon paper */
  --city-ground-2: oklch(0.94 0.04 92);
  --city-ink: oklch(0.21 0.03 90);           /* #1e1807  16.5:1 on ground */
  --city-ink-2: oklch(0.40 0.035 90);
  --city-lead: oklch(0.855 0.17 90);         /* #fac91d  Dragon yellow, the bridge's scales at noon; ink on it 11.3:1 */
  --city-on-lead: oklch(0.21 0.03 90);
  --city-deep: oklch(0.40 0.085 215);        /* #005264  the Han River in shade; paper on it 8.4:1 */
  --city-on-deep: oklch(0.98 0.01 92);
  --city-accent: oklch(0.745 0.168 0);       /* #ff7aa8  bougainvillea, small doses; ink on it 7.2:1 */
  --city-on-accent: oklch(0.21 0.03 90);
  --city-lantern: oklch(0.53 0.19 30);       /* #c1291b  lantern red, large type and icons only (5.6:1 on ground) */
  --city-river-light: oklch(0.84 0.055 220); /* #a3d4e4  river at midday, fields under ink */
  --city-display: "Be Vietnam Pro", "Archivo", sans-serif;
  --city-display-stretch: 100%;
  --city-display-weight: 800;
  --city-display-case: uppercase;
  --city-display-track: -0.01em;
  /* Dragon scales: the overlapping scallops along the bridge's body. */
  --city-motif: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='20'%3E%3Cpath d='M0 20a10 10 0 0 1 20 0a10 10 0 0 1 20 0M-10 10a10 10 0 0 1 20 0a10 10 0 0 1 20 0a10 10 0 0 1 20 0' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E");
  --city-motif-size: 40px 20px;
  --city-grade: saturate(1.14) contrast(1.05) brightness(1.04) sepia(0.06);   /* hot, high sun, warm whites */
}