@unmap/themes 0.1.3 → 0.3.0

package/dist/index.js

@@ -23,6 +23,22 @@ var ink = {
   950: "#0E191C",
   1e3: "#030E10"
 };
+var paper = {
+  25: "#FBF5F2",
+  50: "#F5EFEC",
+  100: "#ECE6E3",
+  200: "#E1DBD8",
+  300: "#D4CECB",
+  400: "#C3BDBA",
+  500: "#A9A3A0",
+  600: "#8A8582",
+  700: "#696361",
+  800: "#4A4543",
+  850: "#373330",
+  900: "#272220",
+  950: "#1A1614",
+  1e3: "#0E0B09"
+};
 var wave = {
   100: "#C7F1F3",
   200: "#B3E2E4",
@@ -36,6 +52,19 @@ var wave = {
   950: "#001C1E",
   980: "#001012"
 };
+var sky = {
+  100: "#CCEEFF",
+  200: "#A7E2FF",
+  300: "#8ACFF0",
+  400: "#73B7D7",
+  500: "#5A9CBC",
+  600: "#387D9C",
+  700: "#155F7C",
+  800: "#004057",
+  900: "#002837",
+  950: "#001B27",
+  980: "#000F17"
+};
 var verdant = {
   100: "#D3F1DA",
   200: "#C3E3CA",
@@ -68,9 +97,117 @@ var graphite = {
   900: "#232323",
   1e3: "#0B0B0B"
 };
+var mist = {
+  100: "#E7E7E7",
+  200: "#D7D7D7",
+  300: "#C4C4C4",
+  400: "#ACACAC",
+  500: "#929292",
+  600: "#757575",
+  700: "#575757",
+  800: "#3A3A3A",
+  900: "#242424",
+  950: "#171717",
+  980: "#0D0D0D"
+};
+var jade = {
+  25: "#F1F9F4",
+  50: "#E6F4ED",
+  100: "#D7EEE2",
+  200: "#C3E6D4",
+  300: "#ACDDC4",
+  400: "#8BCFAF",
+  500: "#56BB90",
+  600: "#459975",
+  700: "#327357",
+  800: "#21513D",
+  850: "#173C2C",
+  900: "#0E2A1E",
+  950: "#071C13",
+  1e3: "#030F09"
+};
+var cobalt = {
+  25: "#F4F7FB",
+  50: "#ECF0F9",
+  100: "#E1E8F7",
+  200: "#D2DCF5",
+  300: "#C0CFF3",
+  400: "#A8BDF1",
+  500: "#84A2EE",
+  600: "#587EEA",
+  700: "#2C4EE5",
+  800: "#243D93",
+  850: "#1D2F65",
+  900: "#162241",
+  950: "#0F1629",
+  1e3: "#080B15"
+};
+var rose = {
+  25: "#FFF3F3",
+  50: "#FFEBEA",
+  100: "#FFDFDE",
+  200: "#FECFCE",
+  300: "#FCBDBC",
+  400: "#F8A4A4",
+  500: "#E48687",
+  600: "#BA6D6D",
+  700: "#8D5151",
+  800: "#643838",
+  850: "#4B2929",
+  900: "#351B1B",
+  950: "#241111",
+  1e3: "#150808"
+};
+var lilac = {
+  25: "#F8F5FF",
+  50: "#F2EDFF",
+  100: "#EAE4F9",
+  200: "#DFD8EE",
+  300: "#D2CBE1",
+  400: "#C1BACF",
+  500: "#A7A1B5",
+  600: "#888296",
+  700: "#676174",
+  800: "#4A415A",
+  850: "#382E4A",
+  900: "#281C3C",
+  950: "#1C0E30",
+  1e3: "#110225"
+};
+var aqua = {
+  100: "#C7F1F5",
+  200: "#ACE3E9",
+  300: "#89D2DB",
+  400: "#57BEC9",
+  500: "#00A6B3",
+  600: "#00858F",
+  700: "#00636B",
+  800: "#004349",
+  900: "#05292D",
+  950: "#081B1D",
+  980: "#060E0F"
+};
 
 // src/recipe.ts
-var THEME_BASES = ["base", "muted", "relief", "street", "outdoor"];
+var THEME_BASES = [
+  "base",
+  "muted",
+  "outdoor",
+  "decimal",
+  "blueprint",
+  "blush",
+  "orchid",
+  "canopy",
+  "lagoon"
+];
+var RETIRED_BASES = {
+  relief: "outdoor",
+  street: "base"
+};
+function normalizeThemeBase(base) {
+  if (THEME_BASES.includes(base)) return base;
+  return RETIRED_BASES[base] ?? null;
+}
 var MODES = ["light", "dark"];
 function makeFlavor(r) {
   return {
@@ -158,12 +295,27 @@ function makeFlavor(r) {
 }
 
 // src/recipes.ts
-var STOCK_RAMPS = { ink, wave, verdant, sandstone, graphite, ember };
+var STOCK_RAMPS = {
+  ink,
+  paper,
+  wave,
+  sky,
+  verdant,
+  sandstone,
+  graphite,
+  mist,
+  jade,
+  cobalt,
+  rose,
+  lilac,
+  aqua,
+  ember
+};
 function buildRecipes(r) {
   const BASE_LIGHT = {
-    background: r.ink[200],
-    earth: r.ink[100],
-    water: r.wave[300],
+    background: r.paper[100],
+    earth: r.paper[25],
+    water: r.sky[200],
     parkA: r.verdant[200],
     parkB: r.verdant[300],
     woodA: r.verdant[200],
@@ -172,47 +324,47 @@ function buildRecipes(r) {
     scrubB: r.verdant[300],
     sand: r.sandstone[200],
     beach: r.sandstone[200],
-    glacier: r.ink[25],
-    institutional: r.ink[50],
-    pedestrian: r.ink[50],
-    aerodrome: r.ink[50],
-    runway: r.ink[200],
-    pier: r.ink[300],
-    buildings: r.ink[300],
-    railway: r.ink[500],
-    boundaries: r.ink[600],
+    glacier: r.paper[25],
+    institutional: r.paper[100],
+    pedestrian: r.paper[100],
+    aerodrome: r.cobalt[200],
+    runway: r.cobalt[300],
+    pier: r.paper[300],
+    buildings: r.paper[200],
+    railway: r.graphite[400],
+    boundaries: r.cobalt[600],
     roads: {
-      other: r.ink[50],
-      otherCasing: r.ink[300],
-      minor: r.ink[25],
-      minorCasing: r.ink[300],
-      service: r.ink[50],
-      serviceCasing: r.ink[300],
+      other: r.paper[100],
+      otherCasing: r.graphite[200],
+      minor: "#FFFFFF",
+      minorCasing: r.graphite[200],
+      service: r.paper[100],
+      serviceCasing: r.graphite[200],
       major: "#FFFFFF",
-      majorCasing: r.ink[400],
-      highway: "#FFFFFF",
-      highwayCasing: r.ink[500],
-      link: "#FFFFFF",
-      linkCasing: r.ink[400]
+      majorCasing: r.graphite[300],
+      highway: r.ember[400],
+      highwayCasing: r.ember[600],
+      link: r.ember[300],
+      linkCasing: r.ember[500]
     },
-    tunnelFill: r.ink[200],
-    tunnelCasing: r.ink[300],
-    bridgeCasing: r.ink[500],
+    tunnelFill: r.paper[200],
+    tunnelCasing: r.graphite[200],
+    bridgeCasing: r.graphite[400],
     labels: {
-      city: r.ink[1e3],
-      cityHalo: r.ink[25],
-      state: r.ink[700],
-      stateHalo: r.ink[25],
-      country: r.ink[700],
-      subplace: r.ink[700],
-      subplaceHalo: r.ink[25],
-      address: r.ink[700],
-      addressHalo: r.ink[25],
-      roadMinor: r.ink[700],
-      roadMinorHalo: r.ink[25],
-      roadMajor: r.ink[800],
-      roadMajorHalo: r.ink[25],
-      ocean: r.wave[800]
+      city: r.paper[1e3],
+      cityHalo: r.paper[25],
+      state: r.paper[700],
+      stateHalo: r.paper[25],
+      country: r.paper[700],
+      subplace: r.paper[700],
+      subplaceHalo: r.paper[25],
+      address: r.paper[700],
+      addressHalo: r.paper[25],
+      roadMinor: r.paper[800],
+      roadMinorHalo: r.paper[25],
+      roadMajor: r.paper[900],
+      roadMajorHalo: r.paper[25],
+      ocean: r.sky[800]
     },
     pois: {
       blue: "#2D6E8F",
@@ -220,73 +372,73 @@ function buildRecipes(r) {
       lapis: "#3F5C93",
       pink: "#8F4A6B",
       red: "#9B4340",
-      slategray: r.ink[700],
+      slategray: r.paper[700],
       tangerine: "#8F5322",
-      turquoise: r.wave[700]
+      turquoise: r.sky[700]
     },
     landcover: {
       grassland: r.verdant[200],
       barren: r.sandstone[200],
-      urban_area: r.ink[50],
+      urban_area: r.paper[50],
       farmland: r.verdant[100],
-      glacier: r.ink[25],
-      scrub: r.verdant[100],
+      glacier: r.paper[25],
+      scrub: r.verdant[200],
       forest: r.verdant[300]
     }
   };
   const BASE_DARK = {
-    background: r.ink[950],
-    earth: r.ink[900],
-    water: r.wave[980],
+    background: r.paper[950],
+    earth: r.paper[900],
+    water: r.sky[980],
     parkA: r.verdant[800],
     parkB: r.verdant[700],
     woodA: r.verdant[800],
     woodB: r.verdant[700],
-    scrubA: r.verdant[800],
-    scrubB: r.verdant[700],
+    scrubA: r.verdant[900],
+    scrubB: r.verdant[800],
     sand: r.sandstone[500],
     beach: r.sandstone[500],
-    glacier: r.ink[700],
-    institutional: r.ink[950],
-    pedestrian: r.ink[950],
-    aerodrome: r.ink[950],
-    runway: r.ink[850],
-    pier: r.ink[850],
-    buildings: r.ink[850],
-    railway: r.ink[700],
-    boundaries: r.ink[600],
+    glacier: r.paper[700],
+    institutional: r.paper[950],
+    pedestrian: r.paper[950],
+    aerodrome: r.cobalt[900],
+    runway: r.cobalt[850],
+    pier: r.paper[850],
+    buildings: r.paper[850],
+    railway: r.paper[700],
+    boundaries: r.cobalt[500],
     roads: {
-      other: r.ink[850],
-      otherCasing: r.ink[1e3],
-      minor: r.ink[800],
-      minorCasing: r.ink[1e3],
-      service: r.ink[850],
-      serviceCasing: r.ink[1e3],
-      major: r.ink[700],
-      majorCasing: r.ink[1e3],
-      highway: r.ink[600],
-      highwayCasing: r.ink[1e3],
-      link: r.ink[700],
-      linkCasing: r.ink[1e3]
+      other: r.paper[850],
+      otherCasing: r.paper[1e3],
+      minor: r.paper[800],
+      minorCasing: r.paper[1e3],
+      service: r.paper[850],
+      serviceCasing: r.paper[1e3],
+      major: r.paper[700],
+      majorCasing: r.paper[1e3],
+      highway: r.ember[600],
+      highwayCasing: r.paper[1e3],
+      link: r.ember[700],
+      linkCasing: r.paper[1e3]
     },
-    tunnelFill: r.ink[900],
-    tunnelCasing: r.ink[1e3],
-    bridgeCasing: r.ink[1e3],
+    tunnelFill: r.paper[900],
+    tunnelCasing: r.paper[1e3],
+    bridgeCasing: r.paper[1e3],
     labels: {
-      city: r.ink[100],
-      cityHalo: r.ink[1e3],
-      state: r.ink[500],
-      stateHalo: r.ink[1e3],
-      country: r.ink[500],
-      subplace: r.ink[500],
-      subplaceHalo: r.ink[1e3],
-      address: r.ink[500],
-      addressHalo: r.ink[1e3],
-      roadMinor: r.ink[500],
-      roadMinorHalo: r.ink[1e3],
-      roadMajor: r.ink[400],
-      roadMajorHalo: r.ink[1e3],
-      ocean: r.wave[400]
+      city: r.paper[100],
+      cityHalo: r.paper[1e3],
+      state: r.paper[500],
+      stateHalo: r.paper[1e3],
+      country: r.paper[500],
+      subplace: r.paper[500],
+      subplaceHalo: r.paper[1e3],
+      address: r.paper[500],
+      addressHalo: r.paper[1e3],
+      roadMinor: r.paper[500],
+      roadMinorHalo: r.paper[1e3],
+      roadMajor: r.paper[400],
+      roadMajorHalo: r.paper[1e3],
+      ocean: r.sky[400]
     },
     pois: {
       blue: "#7FC4E8",
@@ -294,35 +446,35 @@ function buildRecipes(r) {
       lapis: "#8FB0EA",
       pink: "#E3A0C0",
       red: "#EE968F",
-      slategray: r.ink[500],
+      slategray: r.paper[500],
       tangerine: "#E8AC7C",
-      turquoise: r.wave[400]
+      turquoise: r.sky[400]
     },
     landcover: {
       grassland: r.verdant[800],
       barren: r.sandstone[500],
-      urban_area: r.ink[950],
+      urban_area: r.paper[950],
       farmland: r.verdant[900],
-      glacier: r.ink[700],
+      glacier: r.paper[700],
       scrub: r.verdant[900],
       forest: r.verdant[700]
     }
   };
   const MUTED_LIGHT = {
-    background: r.graphite[300],
-    earth: r.graphite[50],
-    water: r.graphite[200],
-    parkA: r.graphite[25],
-    parkB: r.graphite[50],
-    woodA: r.graphite[25],
-    woodB: r.graphite[50],
-    scrubA: r.graphite[25],
-    scrubB: r.graphite[50],
+    background: r.graphite[100],
+    earth: r.graphite[25],
+    water: r.mist[200],
+    parkA: r.graphite[50],
+    parkB: r.graphite[100],
+    woodA: r.graphite[50],
+    woodB: r.graphite[100],
+    scrubA: r.graphite[50],
+    scrubB: r.graphite[100],
     sand: r.graphite[100],
     beach: r.graphite[100],
     glacier: r.graphite[25],
     institutional: r.graphite[100],
-    pedestrian: r.graphite[25],
+    pedestrian: r.graphite[50],
     aerodrome: r.graphite[100],
     runway: r.graphite[200],
     pier: r.graphite[200],
@@ -338,14 +490,14 @@ function buildRecipes(r) {
       serviceCasing: r.graphite[200],
       major: "#FFFFFF",
       majorCasing: r.graphite[300],
-      highway: "#FFFFFF",
+      highway: r.graphite[200],
       highwayCasing: r.graphite[300],
       link: "#FFFFFF",
       linkCasing: r.graphite[300]
     },
     tunnelFill: r.graphite[100],
     tunnelCasing: r.graphite[200],
-    bridgeCasing: r.graphite[300],
+    bridgeCasing: r.graphite[400],
     labels: {
       city: r.graphite[1e3],
       cityHalo: r.graphite[25],
@@ -375,7 +527,7 @@ function buildRecipes(r) {
     landcover: {
       grassland: r.graphite[50],
       barren: r.graphite[100],
-      urban_area: r.graphite[100],
+      urban_area: r.graphite[50],
       farmland: r.graphite[50],
       glacier: r.graphite[25],
       scrub: r.graphite[50],
@@ -385,7 +537,7 @@ function buildRecipes(r) {
   const MUTED_DARK = {
     background: r.graphite[1e3],
     earth: r.graphite[900],
-    water: r.graphite[1e3],
+    water: r.mist[980],
     parkA: r.graphite[900],
     parkB: r.graphite[800],
     woodA: r.graphite[900],
@@ -456,44 +608,45 @@ function buildRecipes(r) {
       forest: r.graphite[800]
     }
   };
-  const RELIEF_LIGHT = {
+  const OUTDOOR_LIGHT = {
     background: r.ink[200],
     earth: r.ink[50],
     water: r.wave[300],
-    parkA: r.verdant[200],
-    parkB: r.verdant[300],
-    woodA: r.verdant[200],
-    woodB: r.verdant[300],
+    parkA: r.verdant[300],
+    parkB: r.verdant[400],
+    woodA: r.verdant[300],
+    woodB: r.verdant[400],
     scrubA: r.verdant[200],
     scrubB: r.verdant[300],
-    sand: r.sandstone[200],
-    beach: r.sandstone[200],
+    sand: r.sandstone[300],
+    beach: r.sandstone[300],
     glacier: r.ink[25],
     institutional: r.ink[25],
     pedestrian: r.ink[50],
     aerodrome: r.ink[50],
     runway: r.ink[200],
     pier: r.ink[300],
-    buildings: r.ink[300],
+    // A step lighter than `base`: outdoors, the building footprint is context, not content.
+    buildings: r.ink[200],
     railway: r.ink[500],
     boundaries: r.ink[600],
     roads: {
       other: r.ink[50],
-      otherCasing: r.ink[300],
+      otherCasing: r.ink[200],
       minor: r.ink[25],
-      minorCasing: r.ink[300],
+      minorCasing: r.ink[200],
       service: r.ink[50],
-      serviceCasing: r.ink[300],
+      serviceCasing: r.ink[200],
       major: "#FFFFFF",
-      majorCasing: r.ink[400],
+      majorCasing: r.ink[300],
       highway: "#FFFFFF",
-      highwayCasing: r.ink[500],
+      highwayCasing: r.ink[400],
       link: "#FFFFFF",
-      linkCasing: r.ink[400]
+      linkCasing: r.ink[300]
     },
     tunnelFill: r.ink[200],
     tunnelCasing: r.ink[300],
-    bridgeCasing: r.ink[500],
+    bridgeCasing: r.ink[400],
     labels: {
       city: r.ink[1e3],
       cityHalo: r.ink[25],
@@ -512,7 +665,9 @@ function buildRecipes(r) {
     },
     pois: {
       blue: "#2D6E8F",
-      green: r.verdant[700],
+      // Peaks, parks, forests and gardens all come through green. On this flavour they are the
+      // POIs worth finding, so it carries a full step more weight than elsewhere.
+      green: r.verdant[800],
       lapis: "#3F5C93",
       pink: "#8F4A6B",
       red: "#9B4340",
@@ -522,22 +677,22 @@ function buildRecipes(r) {
     },
     landcover: {
       grassland: r.verdant[200],
-      barren: r.sandstone[200],
-      urban_area: r.ink[50],
-      farmland: r.verdant[100],
+      barren: r.sandstone[300],
+      urban_area: r.ink[100],
+      farmland: r.sandstone[200],
       glacier: r.ink[25],
-      scrub: r.verdant[100],
-      forest: r.verdant[300]
+      scrub: r.verdant[300],
+      forest: r.verdant[400]
     }
   };
-  const RELIEF_DARK = {
+  const OUTDOOR_DARK = {
     background: r.ink[1e3],
     earth: r.ink[950],
     water: r.wave[980],
-    parkA: r.verdant[800],
-    parkB: r.verdant[700],
-    woodA: r.verdant[800],
-    woodB: r.verdant[700],
+    parkA: r.verdant[700],
+    parkB: r.verdant[600],
+    woodA: r.verdant[700],
+    woodB: r.verdant[600],
     scrubA: r.verdant[800],
     scrubB: r.verdant[700],
     sand: r.sandstone[500],
@@ -552,11 +707,13 @@ function buildRecipes(r) {
     railway: r.ink[700],
     boundaries: r.ink[600],
     roads: {
-      other: r.ink[850],
+      // The minor tier recedes toward `earth`; majors and highways hold their contrast,
+      // because a road you cannot see is a different failure from a road that is merely quiet.
+      other: r.ink[900],
       otherCasing: r.ink[1e3],
-      minor: r.ink[800],
+      minor: r.ink[850],
       minorCasing: r.ink[1e3],
-      service: r.ink[850],
+      service: r.ink[900],
       serviceCasing: r.ink[1e3],
       major: r.ink[700],
       majorCasing: r.ink[1e3],
@@ -586,7 +743,7 @@ function buildRecipes(r) {
     },
     pois: {
       blue: "#7FC4E8",
-      green: r.verdant[400],
+      green: r.verdant[300],
       lapis: "#8FB0EA",
       pink: "#E3A0C0",
       red: "#EE968F",
@@ -595,326 +752,928 @@ function buildRecipes(r) {
       turquoise: r.wave[400]
     },
     landcover: {
-      grassland: r.verdant[800],
+      grassland: r.verdant[700],
       barren: r.sandstone[500],
       urban_area: r.ink[950],
       farmland: r.verdant[900],
       glacier: r.ink[700],
-      scrub: r.verdant[900],
-      forest: r.verdant[700]
+      scrub: r.verdant[800],
+      forest: r.verdant[600]
     }
   };
-  const STREET_LIGHT = {
-    background: r.ink[300],
-    earth: r.sandstone[100],
-    water: r.wave[400],
-    parkA: r.verdant[200],
+  const DECIMAL_LIGHT = {
+    background: r.jade[100],
+    earth: r.jade[25],
+    water: r.jade[200],
+    parkA: r.jade[50],
+    parkB: r.jade[100],
+    woodA: r.jade[50],
+    woodB: r.jade[100],
+    scrubA: r.jade[50],
+    scrubB: r.jade[100],
+    sand: r.jade[50],
+    beach: r.jade[50],
+    glacier: r.jade[25],
+    institutional: r.jade[50],
+    pedestrian: r.jade[50],
+    aerodrome: r.jade[50],
+    runway: r.jade[200],
+    pier: r.jade[200],
+    buildings: r.jade[100],
+    railway: r.jade[500],
+    boundaries: r.jade[600],
+    roads: {
+      other: r.jade[200],
+      otherCasing: r.jade[25],
+      minor: r.jade[300],
+      minorCasing: r.jade[25],
+      service: r.jade[200],
+      serviceCasing: r.jade[25],
+      major: r.jade[400],
+      majorCasing: r.jade[25],
+      highway: r.jade[500],
+      highwayCasing: r.jade[25],
+      link: r.jade[400],
+      linkCasing: r.jade[25]
+    },
+    tunnelFill: r.jade[100],
+    tunnelCasing: r.jade[200],
+    bridgeCasing: r.jade[600],
+    labels: {
+      city: r.jade[1e3],
+      cityHalo: r.jade[25],
+      state: r.jade[700],
+      stateHalo: r.jade[25],
+      country: r.jade[700],
+      subplace: r.jade[700],
+      subplaceHalo: r.jade[25],
+      address: r.jade[700],
+      addressHalo: r.jade[25],
+      roadMinor: r.jade[700],
+      roadMinorHalo: r.jade[25],
+      roadMajor: r.jade[800],
+      roadMajorHalo: r.jade[25],
+      ocean: r.jade[800]
+    },
+    pois: {
+      blue: r.jade[700],
+      green: r.jade[700],
+      lapis: r.jade[700],
+      pink: r.jade[700],
+      red: r.jade[700],
+      slategray: r.jade[700],
+      tangerine: r.jade[700],
+      turquoise: r.jade[700]
+    },
+    landcover: {
+      grassland: r.jade[50],
+      barren: r.jade[50],
+      urban_area: r.jade[50],
+      farmland: r.jade[50],
+      glacier: r.jade[25],
+      scrub: r.jade[50],
+      forest: r.jade[100]
+    }
+  };
+  const DECIMAL_DARK = {
+    background: r.jade[1e3],
+    earth: r.jade[1e3],
+    water: r.jade[900],
+    parkA: r.jade[950],
+    parkB: r.jade[900],
+    woodA: r.jade[950],
+    woodB: r.jade[900],
+    scrubA: r.jade[950],
+    scrubB: r.jade[900],
+    sand: r.jade[950],
+    beach: r.jade[950],
+    glacier: r.jade[900],
+    institutional: r.jade[950],
+    pedestrian: r.jade[950],
+    aerodrome: r.jade[950],
+    runway: r.jade[850],
+    pier: r.jade[850],
+    buildings: r.jade[900],
+    railway: r.jade[800],
+    boundaries: r.jade[700],
+    roads: {
+      other: r.jade[850],
+      otherCasing: r.jade[1e3],
+      minor: r.jade[800],
+      minorCasing: r.jade[1e3],
+      service: r.jade[850],
+      serviceCasing: r.jade[1e3],
+      major: r.jade[700],
+      majorCasing: r.jade[1e3],
+      highway: r.jade[600],
+      highwayCasing: r.jade[1e3],
+      link: r.jade[700],
+      linkCasing: r.jade[1e3]
+    },
+    tunnelFill: r.jade[900],
+    tunnelCasing: r.jade[1e3],
+    bridgeCasing: r.jade[1e3],
+    labels: {
+      city: r.jade[500],
+      cityHalo: r.jade[1e3],
+      state: r.jade[600],
+      stateHalo: r.jade[1e3],
+      country: r.jade[600],
+      subplace: r.jade[600],
+      subplaceHalo: r.jade[1e3],
+      address: r.jade[600],
+      addressHalo: r.jade[1e3],
+      roadMinor: r.jade[600],
+      roadMinorHalo: r.jade[1e3],
+      roadMajor: r.jade[500],
+      roadMajorHalo: r.jade[1e3],
+      ocean: r.jade[500]
+    },
+    pois: {
+      blue: r.jade[600],
+      green: r.jade[600],
+      lapis: r.jade[600],
+      pink: r.jade[600],
+      red: r.jade[600],
+      slategray: r.jade[600],
+      tangerine: r.jade[600],
+      turquoise: r.jade[600]
+    },
+    landcover: {
+      grassland: r.jade[950],
+      barren: r.jade[950],
+      urban_area: r.jade[950],
+      farmland: r.jade[950],
+      glacier: r.jade[900],
+      scrub: r.jade[950],
+      forest: r.jade[900]
+    }
+  };
+  const BLUEPRINT_LIGHT = {
+    background: r.cobalt[100],
+    earth: r.cobalt[25],
+    water: r.cobalt[200],
+    parkA: r.cobalt[50],
+    parkB: r.cobalt[100],
+    woodA: r.cobalt[50],
+    woodB: r.cobalt[100],
+    scrubA: r.cobalt[50],
+    scrubB: r.cobalt[100],
+    sand: r.cobalt[50],
+    beach: r.cobalt[50],
+    glacier: r.cobalt[25],
+    institutional: r.cobalt[50],
+    pedestrian: r.cobalt[50],
+    aerodrome: r.cobalt[50],
+    runway: r.cobalt[200],
+    pier: r.cobalt[200],
+    buildings: r.cobalt[100],
+    railway: r.cobalt[500],
+    boundaries: r.cobalt[600],
+    roads: {
+      other: r.cobalt[200],
+      otherCasing: r.cobalt[25],
+      minor: r.cobalt[300],
+      minorCasing: r.cobalt[25],
+      service: r.cobalt[200],
+      serviceCasing: r.cobalt[25],
+      major: r.cobalt[400],
+      majorCasing: r.cobalt[25],
+      highway: r.cobalt[500],
+      highwayCasing: r.cobalt[25],
+      link: r.cobalt[400],
+      linkCasing: r.cobalt[25]
+    },
+    tunnelFill: r.cobalt[100],
+    tunnelCasing: r.cobalt[200],
+    bridgeCasing: r.cobalt[600],
+    labels: {
+      city: r.cobalt[1e3],
+      cityHalo: r.cobalt[25],
+      state: r.cobalt[700],
+      stateHalo: r.cobalt[25],
+      country: r.cobalt[700],
+      subplace: r.cobalt[700],
+      subplaceHalo: r.cobalt[25],
+      address: r.cobalt[700],
+      addressHalo: r.cobalt[25],
+      roadMinor: r.cobalt[700],
+      roadMinorHalo: r.cobalt[25],
+      roadMajor: r.cobalt[800],
+      roadMajorHalo: r.cobalt[25],
+      ocean: r.cobalt[800]
+    },
+    pois: {
+      blue: r.cobalt[700],
+      green: r.cobalt[700],
+      lapis: r.cobalt[700],
+      pink: r.cobalt[700],
+      red: r.cobalt[700],
+      slategray: r.cobalt[700],
+      tangerine: r.cobalt[700],
+      turquoise: r.cobalt[700]
+    },
+    landcover: {
+      grassland: r.cobalt[50],
+      barren: r.cobalt[50],
+      urban_area: r.cobalt[50],
+      farmland: r.cobalt[50],
+      glacier: r.cobalt[25],
+      scrub: r.cobalt[50],
+      forest: r.cobalt[100]
+    }
+  };
+  const BLUEPRINT_DARK = {
+    background: r.cobalt[700],
+    earth: r.cobalt[700],
+    water: r.cobalt[400],
+    parkA: r.cobalt[600],
+    parkB: r.cobalt[600],
+    woodA: r.cobalt[600],
+    woodB: r.cobalt[600],
+    scrubA: r.cobalt[600],
+    scrubB: r.cobalt[600],
+    sand: r.cobalt[600],
+    beach: r.cobalt[600],
+    glacier: r.cobalt[500],
+    institutional: r.cobalt[600],
+    pedestrian: r.cobalt[700],
+    aerodrome: r.cobalt[600],
+    runway: r.cobalt[800],
+    pier: r.cobalt[800],
+    buildings: r.cobalt[600],
+    railway: r.cobalt[400],
+    boundaries: r.cobalt[300],
+    roads: {
+      other: r.cobalt[800],
+      otherCasing: r.cobalt[700],
+      minor: r.cobalt[850],
+      minorCasing: r.cobalt[600],
+      service: r.cobalt[800],
+      serviceCasing: r.cobalt[700],
+      major: r.cobalt[900],
+      majorCasing: r.cobalt[600],
+      highway: r.cobalt[950],
+      highwayCasing: r.cobalt[500],
+      link: r.cobalt[900],
+      linkCasing: r.cobalt[600]
+    },
+    tunnelFill: r.cobalt[800],
+    tunnelCasing: r.cobalt[700],
+    bridgeCasing: r.cobalt[500],
+    labels: {
+      city: r.cobalt[25],
+      cityHalo: r.cobalt[700],
+      state: r.cobalt[200],
+      stateHalo: r.cobalt[700],
+      country: r.cobalt[200],
+      subplace: r.cobalt[300],
+      subplaceHalo: r.cobalt[700],
+      address: r.cobalt[300],
+      addressHalo: r.cobalt[700],
+      roadMinor: r.cobalt[300],
+      roadMinorHalo: r.cobalt[700],
+      roadMajor: r.cobalt[100],
+      roadMajorHalo: r.cobalt[700],
+      ocean: r.cobalt[900]
+    },
+    pois: {
+      blue: r.cobalt[200],
+      green: r.cobalt[200],
+      lapis: r.cobalt[200],
+      pink: r.cobalt[200],
+      red: r.cobalt[200],
+      slategray: r.cobalt[200],
+      tangerine: r.cobalt[200],
+      turquoise: r.cobalt[200]
+    },
+    landcover: {
+      grassland: r.cobalt[600],
+      barren: r.cobalt[600],
+      urban_area: r.cobalt[700],
+      farmland: r.cobalt[600],
+      glacier: r.cobalt[500],
+      scrub: r.cobalt[600],
+      forest: r.cobalt[600]
+    }
+  };
+  const BLUSH_LIGHT = {
+    background: r.ember[200],
+    earth: r.rose[300],
+    water: r.ember[200],
+    parkA: r.verdant[300],
     parkB: r.verdant[400],
-    woodA: r.verdant[200],
+    woodA: r.verdant[300],
     woodB: r.verdant[400],
-    scrubA: r.verdant[200],
-    scrubB: r.verdant[400],
-    sand: r.sandstone[300],
-    beach: r.sandstone[300],
-    glacier: r.ink[25],
-    institutional: r.sandstone[200],
-    pedestrian: r.ink[50],
-    aerodrome: r.ink[50],
-    runway: r.ink[200],
-    pier: r.ink[300],
-    buildings: r.ink[400],
-    railway: r.ink[500],
-    boundaries: r.ink[600],
+    scrubA: r.sandstone[200],
+    scrubB: r.sandstone[300],
+    sand: r.sandstone[200],
+    beach: r.sandstone[100],
+    glacier: r.rose[100],
+    institutional: r.rose[200],
+    pedestrian: r.lilac[200],
+    aerodrome: r.rose[200],
+    runway: r.ember[200],
+    pier: r.sandstone[300],
+    buildings: r.rose[500],
+    railway: r.sandstone[100],
+    boundaries: r.rose[700],
     roads: {
-      other: r.ink[50],
-      otherCasing: r.ink[300],
-      minor: r.ink[25],
-      minorCasing: r.ink[300],
-      service: r.ink[50],
-      serviceCasing: r.ink[300],
-      major: "#FFFFFF",
-      majorCasing: r.ink[400],
-      highway: r.ember[400],
-      highwayCasing: r.ink[500],
-      link: "#FFFFFF",
-      linkCasing: r.ink[400]
+      other: r.ember[200],
+      otherCasing: r.rose[300],
+      minor: r.ember[200],
+      minorCasing: r.rose[300],
+      service: r.ember[200],
+      serviceCasing: r.rose[300],
+      major: r.ember[200],
+      majorCasing: r.rose[400],
+      highway: "#FFFFFF",
+      highwayCasing: r.rose[400],
+      link: r.ember[200],
+      linkCasing: r.rose[400]
     },
-    tunnelFill: r.ink[200],
-    tunnelCasing: r.ink[300],
-    bridgeCasing: r.ink[500],
+    tunnelFill: r.rose[200],
+    tunnelCasing: r.rose[300],
+    bridgeCasing: r.rose[500],
     labels: {
-      city: r.ink[1e3],
-      cityHalo: r.ink[25],
-      state: r.ink[700],
-      stateHalo: r.ink[25],
-      country: r.ink[700],
-      subplace: r.ink[700],
-      subplaceHalo: r.ink[25],
-      address: r.ink[700],
-      addressHalo: r.ink[25],
-      roadMinor: r.ink[700],
-      roadMinorHalo: r.ink[25],
-      roadMajor: r.ink[800],
-      roadMajorHalo: r.ink[25],
-      ocean: r.wave[800]
+      city: r.paper[1e3],
+      cityHalo: r.rose[25],
+      state: r.rose[800],
+      stateHalo: r.rose[25],
+      country: r.rose[800],
+      subplace: r.rose[700],
+      subplaceHalo: r.rose[25],
+      address: r.rose[800],
+      addressHalo: r.rose[25],
+      roadMinor: r.rose[800],
+      roadMinorHalo: r.rose[25],
+      roadMajor: r.rose[850],
+      roadMajorHalo: r.rose[25],
+      ocean: r.ember[700]
     },
     pois: {
-      blue: "#2D6E8F",
+      blue: r.cobalt[700],
       green: r.verdant[700],
-      lapis: "#3F5C93",
-      pink: "#8F4A6B",
-      red: "#9B4340",
-      slategray: r.ink[700],
-      tangerine: "#8F5322",
-      turquoise: r.wave[700]
+      lapis: r.cobalt[700],
+      pink: r.rose[700],
+      red: r.rose[700],
+      slategray: r.rose[700],
+      tangerine: r.ember[700],
+      turquoise: r.sky[700]
     },
     landcover: {
       grassland: r.verdant[300],
-      barren: r.sandstone[300],
-      urban_area: r.ink[100],
-      farmland: r.sandstone[200],
-      glacier: r.ink[25],
+      barren: r.sandstone[200],
+      urban_area: r.rose[400],
+      farmland: r.verdant[200],
+      glacier: r.rose[100],
       scrub: r.verdant[200],
       forest: r.verdant[400]
     }
   };
-  const STREET_DARK = {
-    background: r.ink[1e3],
-    earth: r.ink[900],
-    water: r.wave[950],
+  const BLUSH_DARK = {
+    background: r.rose[1e3],
+    earth: r.rose[900],
+    water: r.rose[1e3],
     parkA: r.verdant[800],
     parkB: r.verdant[700],
     woodA: r.verdant[800],
     woodB: r.verdant[700],
-    scrubA: r.verdant[800],
-    scrubB: r.verdant[700],
+    scrubA: r.verdant[900],
+    scrubB: r.verdant[800],
     sand: r.sandstone[500],
-    beach: r.sandstone[500],
-    glacier: r.ink[700],
-    institutional: r.ink[850],
-    pedestrian: r.ink[950],
-    aerodrome: r.ink[950],
-    runway: r.ink[850],
-    pier: r.ink[850],
-    buildings: r.ink[800],
-    railway: r.ink[700],
-    boundaries: r.ink[600],
+    beach: r.sandstone[400],
+    glacier: r.rose[700],
+    institutional: r.rose[850],
+    pedestrian: r.lilac[900],
+    aerodrome: r.rose[850],
+    runway: r.rose[800],
+    pier: r.sandstone[500],
+    buildings: r.rose[700],
+    railway: r.rose[700],
+    boundaries: r.rose[500],
     roads: {
-      other: r.ink[850],
-      otherCasing: r.ink[1e3],
-      minor: r.ink[800],
-      minorCasing: r.ink[1e3],
-      service: r.ink[850],
-      serviceCasing: r.ink[1e3],
-      major: r.ink[700],
-      majorCasing: r.ink[1e3],
-      highway: r.ember[600],
-      highwayCasing: r.ink[1e3],
-      link: r.ink[700],
-      linkCasing: r.ink[1e3]
+      other: r.rose[850],
+      otherCasing: r.rose[1e3],
+      minor: r.rose[800],
+      minorCasing: r.rose[1e3],
+      service: r.rose[850],
+      serviceCasing: r.rose[1e3],
+      major: r.rose[700],
+      majorCasing: r.rose[1e3],
+      highway: r.rose[600],
+      highwayCasing: r.rose[1e3],
+      link: r.rose[700],
+      linkCasing: r.rose[1e3]
     },
-    tunnelFill: r.ink[900],
-    tunnelCasing: r.ink[1e3],
-    bridgeCasing: r.ink[1e3],
+    tunnelFill: r.rose[900],
+    tunnelCasing: r.rose[1e3],
+    bridgeCasing: r.rose[1e3],
     labels: {
-      city: r.ink[100],
-      cityHalo: r.ink[1e3],
-      state: r.ink[500],
-      stateHalo: r.ink[1e3],
-      country: r.ink[500],
-      subplace: r.ink[500],
-      subplaceHalo: r.ink[1e3],
-      address: r.ink[500],
-      addressHalo: r.ink[1e3],
-      roadMinor: r.ink[500],
-      roadMinorHalo: r.ink[1e3],
-      roadMajor: r.ink[400],
-      roadMajorHalo: r.ink[1e3],
-      ocean: r.wave[400]
+      city: r.rose[100],
+      cityHalo: r.rose[1e3],
+      state: r.rose[500],
+      stateHalo: r.rose[1e3],
+      country: r.rose[500],
+      subplace: r.rose[500],
+      subplaceHalo: r.rose[1e3],
+      address: r.rose[500],
+      addressHalo: r.rose[1e3],
+      roadMinor: r.rose[500],
+      roadMinorHalo: r.rose[1e3],
+      roadMajor: r.rose[400],
+      roadMajorHalo: r.rose[1e3],
+      ocean: r.ember[400]
     },
     pois: {
-      blue: "#7FC4E8",
+      blue: r.cobalt[400],
       green: r.verdant[400],
-      lapis: "#8FB0EA",
-      pink: "#E3A0C0",
-      red: "#EE968F",
-      slategray: r.ink[500],
-      tangerine: "#E8AC7C",
-      turquoise: r.wave[400]
+      lapis: r.cobalt[400],
+      pink: r.rose[400],
+      red: r.rose[400],
+      slategray: r.rose[500],
+      tangerine: r.ember[400],
+      turquoise: r.sky[400]
     },
     landcover: {
-      grassland: r.verdant[700],
+      grassland: r.verdant[800],
       barren: r.sandstone[500],
-      urban_area: r.ink[850],
-      farmland: r.verdant[800],
-      glacier: r.ink[700],
-      scrub: r.verdant[800],
+      urban_area: r.rose[900],
+      farmland: r.verdant[900],
+      glacier: r.rose[700],
+      scrub: r.verdant[900],
       forest: r.verdant[700]
     }
   };
-  const OUTDOOR_LIGHT = {
-    background: r.ink[200],
-    earth: r.ink[50],
-    water: r.wave[300],
-    parkA: r.verdant[300],
-    parkB: r.verdant[400],
-    woodA: r.verdant[300],
-    woodB: r.verdant[400],
-    scrubA: r.verdant[200],
-    scrubB: r.verdant[300],
+  const ORCHID_LIGHT = {
+    background: r.lilac[25],
+    earth: r.lilac[200],
+    water: r.sky[300],
+    parkA: r.aqua[300],
+    parkB: r.aqua[400],
+    woodA: r.jade[500],
+    woodB: r.jade[600],
+    scrubA: r.sandstone[300],
+    scrubB: r.sandstone[400],
     sand: r.sandstone[300],
-    beach: r.sandstone[300],
-    glacier: r.ink[25],
-    institutional: r.ink[25],
-    pedestrian: r.ink[50],
-    aerodrome: r.ink[50],
-    runway: r.ink[200],
-    pier: r.ink[300],
-    // A step lighter than `relief`: outdoors, the building footprint is context, not content.
-    buildings: r.ink[200],
-    railway: r.ink[500],
-    boundaries: r.ink[600],
+    beach: r.sandstone[200],
+    glacier: r.lilac[100],
+    institutional: r.lilac[300],
+    pedestrian: r.lilac[300],
+    aerodrome: r.sandstone[100],
+    runway: r.lilac[25],
+    pier: r.cobalt[500],
+    buildings: r.lilac[300],
+    railway: r.lilac[400],
+    boundaries: r.cobalt[900],
     roads: {
-      other: r.ink[50],
-      otherCasing: r.ink[200],
-      minor: r.ink[25],
-      minorCasing: r.ink[200],
-      service: r.ink[50],
-      serviceCasing: r.ink[200],
+      other: "#FFFFFF",
+      otherCasing: r.lilac[200],
+      minor: "#FFFFFF",
+      minorCasing: r.lilac[200],
+      service: "#FFFFFF",
+      serviceCasing: r.lilac[200],
       major: "#FFFFFF",
-      majorCasing: r.ink[300],
+      majorCasing: r.lilac[300],
       highway: "#FFFFFF",
-      highwayCasing: r.ink[400],
+      highwayCasing: r.lilac[400],
       link: "#FFFFFF",
-      linkCasing: r.ink[300]
+      linkCasing: r.lilac[300]
     },
-    tunnelFill: r.ink[200],
-    tunnelCasing: r.ink[300],
-    bridgeCasing: r.ink[400],
+    tunnelFill: r.lilac[100],
+    tunnelCasing: r.lilac[200],
+    bridgeCasing: r.lilac[500],
     labels: {
-      city: r.ink[1e3],
-      cityHalo: r.ink[25],
-      state: r.ink[700],
-      stateHalo: r.ink[25],
-      country: r.ink[700],
-      subplace: r.ink[700],
-      subplaceHalo: r.ink[25],
-      address: r.ink[700],
-      addressHalo: r.ink[25],
-      roadMinor: r.ink[700],
-      roadMinorHalo: r.ink[25],
-      roadMajor: r.ink[800],
-      roadMajorHalo: r.ink[25],
-      ocean: r.wave[800]
+      city: r.cobalt[950],
+      cityHalo: r.lilac[25],
+      state: r.lilac[700],
+      stateHalo: r.lilac[25],
+      country: r.lilac[850],
+      subplace: r.lilac[700],
+      subplaceHalo: r.lilac[25],
+      address: r.lilac[700],
+      addressHalo: r.lilac[25],
+      roadMinor: r.lilac[800],
+      roadMinorHalo: r.lilac[25],
+      roadMajor: r.lilac[850],
+      roadMajorHalo: r.lilac[25],
+      ocean: r.cobalt[800]
     },
     pois: {
-      blue: "#2D6E8F",
-      // Peaks, parks, forests and gardens all come through green. On this flavour they are the
-      // POIs worth finding, so it carries a full step more weight than elsewhere.
-      green: r.verdant[800],
-      lapis: "#3F5C93",
-      pink: "#8F4A6B",
-      red: "#9B4340",
-      slategray: r.ink[700],
-      tangerine: "#8F5322",
-      turquoise: r.wave[700]
+      blue: r.cobalt[700],
+      green: r.jade[700],
+      lapis: r.cobalt[700],
+      pink: r.rose[600],
+      red: r.rose[700],
+      slategray: r.lilac[700],
+      tangerine: r.ember[700],
+      turquoise: r.aqua[700]
     },
     landcover: {
-      grassland: r.verdant[200],
+      grassland: r.jade[400],
       barren: r.sandstone[300],
-      urban_area: r.ink[100],
-      farmland: r.sandstone[200],
-      glacier: r.ink[25],
+      urban_area: r.lilac[200],
+      farmland: r.jade[500],
+      glacier: r.lilac[100],
+      scrub: r.verdant[400],
+      forest: r.jade[500]
+    }
+  };
+  const ORCHID_DARK = {
+    background: r.lilac[1e3],
+    earth: r.lilac[900],
+    water: r.sky[980],
+    parkA: r.aqua[800],
+    parkB: r.aqua[700],
+    woodA: r.jade[800],
+    woodB: r.jade[700],
+    scrubA: r.sandstone[500],
+    scrubB: r.sandstone[500],
+    sand: r.sandstone[500],
+    beach: r.sandstone[400],
+    glacier: r.lilac[700],
+    institutional: r.lilac[850],
+    pedestrian: r.lilac[850],
+    aerodrome: r.lilac[850],
+    runway: r.lilac[800],
+    pier: r.cobalt[600],
+    buildings: r.lilac[800],
+    railway: r.lilac[700],
+    boundaries: r.cobalt[400],
+    roads: {
+      other: r.lilac[850],
+      otherCasing: r.lilac[1e3],
+      minor: r.lilac[800],
+      minorCasing: r.lilac[1e3],
+      service: r.lilac[850],
+      serviceCasing: r.lilac[1e3],
+      major: r.lilac[700],
+      majorCasing: r.lilac[1e3],
+      highway: r.lilac[600],
+      highwayCasing: r.lilac[1e3],
+      link: r.lilac[700],
+      linkCasing: r.lilac[1e3]
+    },
+    tunnelFill: r.lilac[900],
+    tunnelCasing: r.lilac[1e3],
+    bridgeCasing: r.lilac[1e3],
+    labels: {
+      city: r.lilac[100],
+      cityHalo: r.lilac[1e3],
+      state: r.lilac[500],
+      stateHalo: r.lilac[1e3],
+      country: r.lilac[500],
+      subplace: r.lilac[500],
+      subplaceHalo: r.lilac[1e3],
+      address: r.lilac[500],
+      addressHalo: r.lilac[1e3],
+      roadMinor: r.lilac[500],
+      roadMinorHalo: r.lilac[1e3],
+      roadMajor: r.lilac[400],
+      roadMajorHalo: r.lilac[1e3],
+      ocean: r.sky[400]
+    },
+    pois: {
+      blue: r.cobalt[400],
+      green: r.jade[400],
+      lapis: r.cobalt[400],
+      pink: r.rose[400],
+      red: r.rose[400],
+      slategray: r.lilac[500],
+      tangerine: r.ember[400],
+      turquoise: r.aqua[400]
+    },
+    landcover: {
+      grassland: r.jade[800],
+      barren: r.sandstone[500],
+      urban_area: r.lilac[900],
+      farmland: r.jade[900],
+      glacier: r.lilac[700],
+      scrub: r.verdant[800],
+      forest: r.jade[800]
+    }
+  };
+  const CANOPY_LIGHT = {
+    background: r.verdant[100],
+    earth: r.sandstone[200],
+    water: r.cobalt[600],
+    parkA: r.verdant[800],
+    parkB: r.verdant[700],
+    woodA: r.verdant[600],
+    woodB: r.verdant[700],
+    scrubA: r.sandstone[500],
+    scrubB: r.sandstone[400],
+    sand: r.sandstone[200],
+    beach: r.sandstone[100],
+    glacier: r.paper[25],
+    institutional: r.rose[200],
+    pedestrian: r.rose[100],
+    aerodrome: r.lilac[500],
+    runway: r.paper[1e3],
+    pier: r.sky[300],
+    buildings: r.ember[700],
+    railway: r.paper[950],
+    boundaries: r.graphite[300],
+    roads: {
+      other: r.rose[1e3],
+      otherCasing: r.sandstone[200],
+      minor: r.rose[1e3],
+      minorCasing: r.sandstone[200],
+      service: r.rose[1e3],
+      serviceCasing: r.sandstone[200],
+      major: r.rose[1e3],
+      majorCasing: r.sandstone[100],
+      highway: r.rose[1e3],
+      highwayCasing: r.sandstone[100],
+      link: r.rose[1e3],
+      linkCasing: r.sandstone[100]
+    },
+    tunnelFill: r.rose[900],
+    tunnelCasing: r.sandstone[200],
+    bridgeCasing: r.sandstone[100],
+    labels: {
+      city: r.paper[1e3],
+      cityHalo: r.sandstone[100],
+      state: r.paper[800],
+      stateHalo: r.sandstone[100],
+      country: r.paper[800],
+      subplace: r.paper[700],
+      subplaceHalo: r.sandstone[100],
+      address: r.paper[800],
+      addressHalo: r.sandstone[100],
+      roadMinor: r.paper[800],
+      roadMinorHalo: r.sandstone[100],
+      roadMajor: r.paper[900],
+      roadMajorHalo: r.sandstone[100],
+      ocean: r.cobalt[25]
+    },
+    pois: {
+      blue: r.cobalt[700],
+      green: r.verdant[700],
+      lapis: r.cobalt[700],
+      pink: r.rose[600],
+      red: r.rose[700],
+      slategray: r.paper[700],
+      tangerine: r.ember[700],
+      turquoise: r.sky[700]
+    },
+    landcover: {
+      grassland: r.verdant[500],
+      barren: r.sandstone[400],
+      urban_area: r.rose[600],
+      farmland: r.verdant[600],
+      glacier: r.paper[25],
+      scrub: r.sandstone[500],
+      forest: r.verdant[800]
+    }
+  };
+  const CANOPY_DARK = {
+    background: r.paper[950],
+    earth: r.paper[900],
+    water: r.cobalt[950],
+    parkA: r.verdant[900],
+    parkB: r.verdant[800],
+    woodA: r.verdant[800],
+    woodB: r.verdant[800],
+    scrubA: r.paper[850],
+    scrubB: r.paper[850],
+    sand: r.sandstone[500],
+    beach: r.sandstone[400],
+    glacier: r.paper[700],
+    institutional: r.paper[850],
+    pedestrian: r.rose[900],
+    aerodrome: r.lilac[850],
+    runway: r.paper[800],
+    pier: r.sky[700],
+    buildings: r.ember[700],
+    railway: r.paper[700],
+    boundaries: r.graphite[600],
+    roads: {
+      other: r.sandstone[500],
+      otherCasing: r.paper[1e3],
+      minor: r.sandstone[400],
+      minorCasing: r.paper[1e3],
+      service: r.sandstone[500],
+      serviceCasing: r.paper[1e3],
+      major: r.sandstone[300],
+      majorCasing: r.paper[1e3],
+      highway: r.sandstone[200],
+      highwayCasing: r.paper[1e3],
+      link: r.sandstone[300],
+      linkCasing: r.paper[1e3]
+    },
+    tunnelFill: r.paper[900],
+    tunnelCasing: r.paper[1e3],
+    bridgeCasing: r.paper[1e3],
+    labels: {
+      city: r.sandstone[100],
+      cityHalo: r.paper[1e3],
+      state: r.sandstone[300],
+      stateHalo: r.paper[1e3],
+      country: r.sandstone[300],
+      subplace: r.sandstone[300],
+      subplaceHalo: r.paper[1e3],
+      address: r.sandstone[300],
+      addressHalo: r.paper[1e3],
+      roadMinor: r.sandstone[300],
+      roadMinorHalo: r.paper[1e3],
+      roadMajor: r.sandstone[200],
+      roadMajorHalo: r.paper[1e3],
+      ocean: r.cobalt[300]
+    },
+    pois: {
+      blue: r.cobalt[400],
+      green: r.verdant[400],
+      lapis: r.cobalt[400],
+      pink: r.rose[400],
+      red: r.rose[400],
+      slategray: r.sandstone[300],
+      tangerine: r.ember[400],
+      turquoise: r.sky[400]
+    },
+    landcover: {
+      grassland: r.verdant[900],
+      barren: r.sandstone[500],
+      urban_area: r.rose[900],
+      farmland: r.verdant[900],
+      glacier: r.paper[700],
+      scrub: r.paper[850],
+      forest: r.verdant[900]
+    }
+  };
+  const LAGOON_LIGHT = {
+    background: r.verdant[100],
+    earth: r.verdant[100],
+    water: r.wave[200],
+    parkA: r.aqua[300],
+    parkB: r.aqua[400],
+    woodA: r.wave[300],
+    woodB: r.wave[400],
+    scrubA: r.verdant[300],
+    scrubB: r.verdant[400],
+    sand: r.sandstone[200],
+    beach: r.verdant[100],
+    glacier: r.graphite[50],
+    institutional: r.verdant[200],
+    pedestrian: r.wave[100],
+    aerodrome: r.paper[200],
+    runway: r.verdant[100],
+    pier: r.sky[300],
+    buildings: r.graphite[100],
+    railway: r.graphite[25],
+    boundaries: r.graphite[500],
+    roads: {
+      other: "#FFFFFF",
+      otherCasing: r.verdant[200],
+      minor: "#FFFFFF",
+      minorCasing: r.verdant[200],
+      service: "#FFFFFF",
+      serviceCasing: r.verdant[200],
+      major: "#FFFFFF",
+      majorCasing: r.verdant[300],
+      highway: "#FFFFFF",
+      highwayCasing: r.verdant[300],
+      link: "#FFFFFF",
+      linkCasing: r.verdant[300]
+    },
+    tunnelFill: r.graphite[50],
+    tunnelCasing: r.verdant[200],
+    bridgeCasing: r.graphite[400],
+    labels: {
+      city: r.graphite[800],
+      cityHalo: r.verdant[100],
+      state: r.graphite[700],
+      stateHalo: r.verdant[100],
+      country: r.graphite[700],
+      subplace: r.graphite[700],
+      subplaceHalo: r.verdant[100],
+      address: r.graphite[700],
+      addressHalo: r.verdant[100],
+      roadMinor: r.graphite[700],
+      roadMinorHalo: r.verdant[100],
+      roadMajor: r.graphite[800],
+      roadMajorHalo: r.verdant[100],
+      ocean: r.wave[800]
+    },
+    pois: {
+      blue: r.wave[700],
+      green: r.verdant[700],
+      lapis: r.sky[700],
+      pink: r.rose[600],
+      red: r.rose[700],
+      slategray: r.graphite[700],
+      tangerine: r.sandstone[500],
+      turquoise: r.aqua[700]
+    },
+    landcover: {
+      grassland: r.verdant[400],
+      barren: r.sandstone[200],
+      urban_area: r.verdant[100],
+      farmland: r.verdant[300],
+      glacier: r.graphite[50],
       scrub: r.verdant[300],
-      forest: r.verdant[400]
+      forest: r.wave[300]
     }
   };
-  const OUTDOOR_DARK = {
-    background: r.ink[1e3],
-    earth: r.ink[950],
+  const LAGOON_DARK = {
+    background: r.verdant[900],
+    earth: r.verdant[900],
     water: r.wave[980],
-    parkA: r.verdant[700],
-    parkB: r.verdant[600],
-    woodA: r.verdant[700],
-    woodB: r.verdant[600],
+    parkA: r.aqua[800],
+    parkB: r.aqua[700],
+    woodA: r.wave[800],
+    woodB: r.wave[700],
     scrubA: r.verdant[800],
-    scrubB: r.verdant[700],
+    scrubB: r.verdant[800],
     sand: r.sandstone[500],
-    beach: r.sandstone[500],
-    glacier: r.ink[700],
-    institutional: r.ink[1e3],
-    pedestrian: r.ink[950],
-    aerodrome: r.ink[950],
-    runway: r.ink[850],
-    pier: r.ink[850],
-    buildings: r.ink[900],
-    railway: r.ink[700],
-    boundaries: r.ink[600],
+    beach: r.verdant[800],
+    glacier: r.graphite[700],
+    institutional: r.verdant[800],
+    pedestrian: r.wave[900],
+    aerodrome: r.graphite[800],
+    runway: r.verdant[800],
+    pier: r.sky[600],
+    buildings: r.verdant[800],
+    railway: r.graphite[700],
+    boundaries: r.graphite[600],
     roads: {
-      // The minor tier recedes toward `earth`; majors and highways hold their `relief` values,
-      // because a road you cannot see is a different failure from a road that is merely quiet.
-      other: r.ink[900],
-      otherCasing: r.ink[1e3],
-      minor: r.ink[850],
-      minorCasing: r.ink[1e3],
-      service: r.ink[900],
-      serviceCasing: r.ink[1e3],
-      major: r.ink[700],
-      majorCasing: r.ink[1e3],
-      highway: r.ink[600],
-      highwayCasing: r.ink[1e3],
-      link: r.ink[700],
-      linkCasing: r.ink[1e3]
+      other: r.verdant[700],
+      otherCasing: r.verdant[900],
+      minor: r.verdant[600],
+      minorCasing: r.verdant[900],
+      service: r.verdant[700],
+      serviceCasing: r.verdant[900],
+      major: r.verdant[500],
+      majorCasing: r.verdant[900],
+      highway: r.verdant[400],
+      highwayCasing: r.verdant[900],
+      link: r.verdant[500],
+      linkCasing: r.verdant[900]
     },
-    tunnelFill: r.ink[900],
-    tunnelCasing: r.ink[1e3],
-    bridgeCasing: r.ink[1e3],
+    tunnelFill: r.verdant[800],
+    tunnelCasing: r.verdant[900],
+    bridgeCasing: r.verdant[900],
     labels: {
-      city: r.ink[100],
-      cityHalo: r.ink[1e3],
-      state: r.ink[500],
-      stateHalo: r.ink[1e3],
-      country: r.ink[500],
-      subplace: r.ink[500],
-      subplaceHalo: r.ink[1e3],
-      address: r.ink[500],
-      addressHalo: r.ink[1e3],
-      roadMinor: r.ink[500],
-      roadMinorHalo: r.ink[1e3],
-      roadMajor: r.ink[400],
-      roadMajorHalo: r.ink[1e3],
+      city: r.verdant[100],
+      cityHalo: r.verdant[900],
+      state: r.verdant[300],
+      stateHalo: r.verdant[900],
+      country: r.verdant[300],
+      subplace: r.verdant[300],
+      subplaceHalo: r.verdant[900],
+      address: r.verdant[300],
+      addressHalo: r.verdant[900],
+      roadMinor: r.verdant[300],
+      roadMinorHalo: r.verdant[900],
+      roadMajor: r.verdant[200],
+      roadMajorHalo: r.verdant[900],
       ocean: r.wave[400]
     },
     pois: {
-      blue: "#7FC4E8",
-      green: r.verdant[300],
-      lapis: "#8FB0EA",
-      pink: "#E3A0C0",
-      red: "#EE968F",
-      slategray: r.ink[500],
-      tangerine: "#E8AC7C",
-      turquoise: r.wave[400]
+      blue: r.wave[400],
+      green: r.verdant[400],
+      lapis: r.sky[400],
+      pink: r.rose[400],
+      red: r.rose[400],
+      slategray: r.graphite[400],
+      tangerine: r.sandstone[400],
+      turquoise: r.aqua[400]
     },
     landcover: {
-      grassland: r.verdant[700],
+      grassland: r.verdant[800],
       barren: r.sandstone[500],
-      urban_area: r.ink[950],
-      farmland: r.verdant[900],
-      glacier: r.ink[700],
+      urban_area: r.verdant[900],
+      farmland: r.verdant[800],
+      glacier: r.graphite[700],
       scrub: r.verdant[800],
-      forest: r.verdant[600]
+      forest: r.wave[800]
     }
   };
   return {
     base: { light: BASE_LIGHT, dark: BASE_DARK },
     muted: { light: MUTED_LIGHT, dark: MUTED_DARK },
-    relief: { light: RELIEF_LIGHT, dark: RELIEF_DARK },
-    street: { light: STREET_LIGHT, dark: STREET_DARK },
-    outdoor: { light: OUTDOOR_LIGHT, dark: OUTDOOR_DARK }
+    outdoor: { light: OUTDOOR_LIGHT, dark: OUTDOOR_DARK },
+    decimal: { light: DECIMAL_LIGHT, dark: DECIMAL_DARK },
+    blueprint: { light: BLUEPRINT_LIGHT, dark: BLUEPRINT_DARK },
+    blush: { light: BLUSH_LIGHT, dark: BLUSH_DARK },
+    orchid: { light: ORCHID_LIGHT, dark: ORCHID_DARK },
+    canopy: { light: CANOPY_LIGHT, dark: CANOPY_DARK },
+    lagoon: { light: LAGOON_LIGHT, dark: LAGOON_DARK }
   };
 }
 var RECIPES = buildRecipes(STOCK_RAMPS);
 
+// src/doc.ts
+var LAYER_GROUPS = [
+  "land",
+  "water",
+  "buildings",
+  "roads",
+  "boundaries",
+  "buildings3d",
+  "labels"
+];
+
 // src/validate.ts
 var ThemeError = class extends Error {
   detail;
@@ -978,7 +1737,42 @@ function walkLeaf(value, colorKeys, bounds, path, errors) {
   }
 }
 var HALF_KEYS = ["basemap", "marker", "route"];
-var DOC_KEYS = ["v", "name", "base", "seeds", "light", "dark"];
+var DOC_KEYS = ["v", "name", "base", "seeds", "layers", "light", "dark"];
+var LAYERS_KEYS = ["visible", "order"];
+var isLayerGroup = (v) => typeof v === "string" && LAYER_GROUPS.includes(v);
+function walkLayers(value, errors) {
+  if (!isRecord(value)) {
+    errors.push("layers: must be an object");
+    return;
+  }
+  for (const key of Object.keys(value)) {
+    if (!LAYERS_KEYS.includes(key)) errors.push(`layers.${key}: unknown field`);
+  }
+  if (value.visible !== void 0) {
+    if (!isRecord(value.visible)) {
+      errors.push("layers.visible: must be an object");
+    } else {
+      for (const [group, v] of Object.entries(value.visible)) {
+        if (!isLayerGroup(group)) errors.push(`layers.visible.${group}: unknown layer group`);
+        else if (typeof v !== "boolean") errors.push(`layers.visible.${group}: must be a boolean`);
+      }
+    }
+  }
+  if (value.order !== void 0) {
+    const order = value.order;
+    if (!Array.isArray(order)) {
+      errors.push("layers.order: must be an array");
+    } else {
+      order.forEach((g, i) => {
+        if (!isLayerGroup(g)) errors.push(`layers.order[${i}]: unknown layer group`);
+      });
+      const known = order.filter(isLayerGroup);
+      if (new Set(known).size !== known.length || known.length !== LAYER_GROUPS.length) {
+        errors.push(`layers.order: must list each of ${LAYER_GROUPS.join(", ")} exactly once`);
+      }
+    }
+  }
+}
 var SEED_COLOR_KEYS = ["land", "water", "nature", "accent"];
 var REQUIRED_SEED_KEYS = ["land", "water", "nature"];
 function validateTheme(input) {
@@ -990,7 +1784,8 @@ function validateTheme(input) {
     if (!DOC_KEYS.includes(key)) errors.push(`${key}: unknown field`);
   }
   if (input.v !== 1) errors.push("v: must be 1");
-  if (typeof input.base !== "string" || !THEME_BASES.includes(input.base)) {
+  const base = typeof input.base === "string" ? normalizeThemeBase(input.base) : null;
+  if (!base) {
     errors.push(`base: must be one of ${THEME_BASES.join(", ")}`);
   }
   if (input.name !== void 0) {
@@ -1006,6 +1801,7 @@ function validateTheme(input) {
       }
     }
   }
+  if (input.layers !== void 0) walkLayers(input.layers, errors);
   const reference = RECIPES.base.light;
   for (const mode of ["light", "dark"]) {
     const half = input[mode];
@@ -1028,85 +1824,77 @@ function validateTheme(input) {
     }
   }
   if (errors.length > 0) throw new ThemeError("invalid theme", errors);
+  if (base && base !== input.base) return { ...input, base };
   return input;
 }
 
-// src/codec.ts
-var THEME_CODE_PREFIX = "ut1.";
-var MAX_CODE_LENGTH = 4096;
-var MAX_JSON_BYTES = 16 * 1024;
-async function pump(stream, cap) {
-  const reader = stream.getReader();
-  const chunks = [];
-  let size = 0;
-  for (; ; ) {
-    const { done, value } = await reader.read();
-    if (done) break;
-    size += value.byteLength;
-    if (size > cap) {
-      await reader.cancel().catch(() => {
-      });
-      throw new ThemeError("invalid theme", ["theme document too large"]);
-    }
-    chunks.push(value);
-  }
-  const out = new Uint8Array(size);
-  let off = 0;
-  for (const c of chunks) {
-    out.set(c, off);
-    off += c.byteLength;
-  }
-  return out;
-}
-var toB64url = (b) => {
-  let bin = "";
-  for (let i = 0; i < b.length; i += 32768) {
-    bin += String.fromCharCode(...b.subarray(i, i + 32768));
-  }
-  return btoa(bin).replaceAll("+", "-").replaceAll("/", "_").replace(/=+$/, "");
-};
-var fromB64url = (s) => {
-  const bin = atob(s.replaceAll("-", "+").replaceAll("_", "/"));
-  return Uint8Array.from(bin, (c) => c.charCodeAt(0));
+// src/presets.ts
+var STYLE_THEMES = {
+  base: { v: 1, name: "base", base: "base" },
+  muted: { v: 1, name: "muted", base: "muted" },
+  outdoor: { v: 1, name: "outdoor", base: "outdoor" },
+  decimal: { v: 1, name: "decimal", base: "decimal" },
+  blueprint: { v: 1, name: "blueprint", base: "blueprint" },
+  blush: { v: 1, name: "blush", base: "blush" },
+  orchid: { v: 1, name: "orchid", base: "orchid" },
+  canopy: { v: 1, name: "canopy", base: "canopy" },
+  lagoon: { v: 1, name: "lagoon", base: "lagoon" }
 };
-async function through(bytes, transform, cap) {
-  const stream = new Blob([bytes]).stream().pipeThrough(transform);
-  return pump(stream, cap);
+
+// src/oklch.ts
+var srgbToLinear = (v) => v <= 0.04045 ? v / 12.92 : ((v + 0.055) / 1.055) ** 2.4;
+var linearToSrgb = (v) => v <= 31308e-7 ? 12.92 * v : 1.055 * v ** (1 / 2.4) - 0.055;
+function hexToRgb(hex) {
+  const h = hex.replace("#", "");
+  return [
+    parseInt(h.slice(0, 2), 16) / 255,
+    parseInt(h.slice(2, 4), 16) / 255,
+    parseInt(h.slice(4, 6), 16) / 255
+  ];
+}
+function hexToOklch(hex) {
+  const [r, g, b] = hexToRgb(hex).map(srgbToLinear);
+  const l = Math.cbrt(0.4122214708 * r + 0.5363325363 * g + 0.0514459929 * b);
+  const m = Math.cbrt(0.2119034982 * r + 0.6806995451 * g + 0.1073969566 * b);
+  const s = Math.cbrt(0.0883024619 * r + 0.2817188376 * g + 0.6299787005 * b);
+  const L = 0.2104542553 * l + 0.793617785 * m - 0.0040720468 * s;
+  const a = 1.9779984951 * l - 2.428592205 * m + 0.4505937099 * s;
+  const bb = 0.0259040371 * l + 0.7827717662 * m - 0.808675766 * s;
+  const c = Math.hypot(a, bb);
+  let h = Math.atan2(bb, a) * 180 / Math.PI;
+  if (h < 0) h += 360;
+  return { l: L, c, h };
 }
-async function encodeTheme(doc) {
-  const valid = validateTheme(doc);
-  const json = new TextEncoder().encode(JSON.stringify(valid));
-  const packed = await through(json, new CompressionStream("deflate"), Number.POSITIVE_INFINITY);
-  const code = THEME_CODE_PREFIX + toB64url(packed);
-  if (code.length > MAX_CODE_LENGTH) {
-    throw new ThemeError("invalid theme", [
-      `encoded theme exceeds ${MAX_CODE_LENGTH} characters`
-    ]);
-  }
-  return code;
+function oklchToLinear({ l: L, c, h }) {
+  const hr = h * Math.PI / 180;
+  const a = c * Math.cos(hr);
+  const bb = c * Math.sin(hr);
+  const l = (L + 0.3963377774 * a + 0.2158037573 * bb) ** 3;
+  const m = (L - 0.1055613458 * a - 0.0638541728 * bb) ** 3;
+  const s = (L - 0.0894841775 * a - 1.291485548 * bb) ** 3;
+  return [
+    4.0767416621 * l - 3.3077115913 * m + 0.2309699292 * s,
+    -1.2684380046 * l + 2.6097574011 * m - 0.3413193965 * s,
+    -0.0041960863 * l - 0.7034186147 * m + 1.707614701 * s
+  ];
 }
-async function decodeTheme(code) {
-  if (code.length > MAX_CODE_LENGTH) {
-    throw new ThemeError("invalid theme", [`code exceeds ${MAX_CODE_LENGTH} characters`]);
-  }
-  if (!code.startsWith(THEME_CODE_PREFIX)) {
-    throw new ThemeError("invalid theme", [`code must start with "${THEME_CODE_PREFIX}"`]);
-  }
-  let bytes;
-  try {
-    const packed = fromB64url(code.slice(THEME_CODE_PREFIX.length));
-    bytes = await through(packed, new DecompressionStream("deflate"), MAX_JSON_BYTES);
-  } catch (e) {
-    if (e instanceof ThemeError) throw e;
-    throw new ThemeError("invalid theme", ["code is not valid base64url deflate data"]);
-  }
-  let parsed;
-  try {
-    parsed = JSON.parse(new TextDecoder().decode(bytes));
-  } catch {
-    throw new ThemeError("invalid theme", ["decoded payload is not JSON"]);
+var inGamut = (rgb) => rgb.every((v) => v >= -1e-6 && v <= 1 + 1e-6);
+function oklchToHex(color) {
+  let { c } = color;
+  let rgb = oklchToLinear({ ...color, c });
+  if (!inGamut(rgb)) {
+    let lo = 0;
+    let hi = c;
+    for (let i = 0; i < 24; i++) {
+      c = (lo + hi) / 2;
+      rgb = oklchToLinear({ ...color, c });
+      if (inGamut(rgb)) lo = c;
+      else hi = c;
+    }
+    rgb = oklchToLinear({ ...color, c: lo });
   }
-  return validateTheme(parsed);
+  const to255 = (v) => Math.round(Math.min(1, Math.max(0, linearToSrgb(v))) * 255);
+  return "#" + rgb.map((v) => to255(v).toString(16).padStart(2, "0")).join("").toUpperCase();
 }
 
 // src/compose.ts
@@ -1206,75 +1994,11 @@ function contrastWarnings(doc) {
   return warnings;
 }
 
-// src/presets.ts
-var PRESET_THEMES = {
-  base: { v: 1, name: "ink", base: "base" },
-  muted: { v: 1, name: "graphite", base: "muted" },
-  relief: { v: 1, name: "relief", base: "relief" },
-  street: { v: 1, name: "street", base: "street" },
-  outdoor: { v: 1, name: "outdoor", base: "outdoor" }
-};
-
-// src/oklch.ts
-var srgbToLinear = (v) => v <= 0.04045 ? v / 12.92 : ((v + 0.055) / 1.055) ** 2.4;
-var linearToSrgb = (v) => v <= 31308e-7 ? 12.92 * v : 1.055 * v ** (1 / 2.4) - 0.055;
-function hexToRgb(hex) {
-  const h = hex.replace("#", "");
-  return [
-    parseInt(h.slice(0, 2), 16) / 255,
-    parseInt(h.slice(2, 4), 16) / 255,
-    parseInt(h.slice(4, 6), 16) / 255
-  ];
-}
-function hexToOklch(hex) {
-  const [r, g, b] = hexToRgb(hex).map(srgbToLinear);
-  const l = Math.cbrt(0.4122214708 * r + 0.5363325363 * g + 0.0514459929 * b);
-  const m = Math.cbrt(0.2119034982 * r + 0.6806995451 * g + 0.1073969566 * b);
-  const s = Math.cbrt(0.0883024619 * r + 0.2817188376 * g + 0.6299787005 * b);
-  const L = 0.2104542553 * l + 0.793617785 * m - 0.0040720468 * s;
-  const a = 1.9779984951 * l - 2.428592205 * m + 0.4505937099 * s;
-  const bb = 0.0259040371 * l + 0.7827717662 * m - 0.808675766 * s;
-  const c = Math.hypot(a, bb);
-  let h = Math.atan2(bb, a) * 180 / Math.PI;
-  if (h < 0) h += 360;
-  return { l: L, c, h };
-}
-function oklchToLinear({ l: L, c, h }) {
-  const hr = h * Math.PI / 180;
-  const a = c * Math.cos(hr);
-  const bb = c * Math.sin(hr);
-  const l = (L + 0.3963377774 * a + 0.2158037573 * bb) ** 3;
-  const m = (L - 0.1055613458 * a - 0.0638541728 * bb) ** 3;
-  const s = (L - 0.0894841775 * a - 1.291485548 * bb) ** 3;
-  return [
-    4.0767416621 * l - 3.3077115913 * m + 0.2309699292 * s,
-    -1.2684380046 * l + 2.6097574011 * m - 0.3413193965 * s,
-    -0.0041960863 * l - 0.7034186147 * m + 1.707614701 * s
-  ];
-}
-var inGamut = (rgb) => rgb.every((v) => v >= -1e-6 && v <= 1 + 1e-6);
-function oklchToHex(color) {
-  let { c } = color;
-  let rgb = oklchToLinear({ ...color, c });
-  if (!inGamut(rgb)) {
-    let lo = 0;
-    let hi = c;
-    for (let i = 0; i < 24; i++) {
-      c = (lo + hi) / 2;
-      rgb = oklchToLinear({ ...color, c });
-      if (inGamut(rgb)) lo = c;
-      else hi = c;
-    }
-    rgb = oklchToLinear({ ...color, c: lo });
-  }
-  const to255 = (v) => Math.round(Math.min(1, Math.max(0, linearToSrgb(v))) * 255);
-  return "#" + rgb.map((v) => to255(v).toString(16).padStart(2, "0")).join("").toUpperCase();
-}
-
 // src/generate.ts
 var NEUTRAL_CHROMA_CAP = 0.045;
 var MUTED_CHROMA_CAP = 0.012;
 var CHROMA_CAP = 0.32;
+var NEUTRAL_RAMP_CHROMA = 5e-3;
 var DEFAULT_SEEDS = {
   land: STOCK_RAMPS.ink[500],
   water: STOCK_RAMPS.wave[500],
@@ -1285,14 +2009,15 @@ function reRamp(ref, seedHex, cap) {
   const seed = hexToOklch(seedHex);
   const steps = Object.keys(ref);
   const midStep = steps[Math.floor(steps.length / 2)];
-  const midChroma = Math.max(hexToOklch(ref[midStep]).c, 5e-3);
-  const factor = Math.min(Math.max(seed.c / midChroma, 0.15), 3);
+  const midChroma = hexToOklch(ref[midStep]).c;
+  const neutral = midChroma < NEUTRAL_RAMP_CHROMA;
+  const factor = Math.min(Math.max(seed.c / Math.max(midChroma, 5e-3), 0.15), 3);
   const out = {};
   for (const step of steps) {
     const refColor = hexToOklch(ref[step]);
     out[step] = oklchToHex({
       l: refColor.l,
-      c: Math.min(refColor.c * factor, cap),
+      c: Math.min(neutral ? seed.c : refColor.c * factor, cap),
       h: seed.h
     });
   }
@@ -1308,7 +2033,10 @@ function enforceLabelContrast(recipe) {
       if (contrast(label, bg) >= floor) break;
       const l = hexToOklch(label);
       const direction = hexToOklch(bg).l > l.l ? -1 : 1;
-      const nudged = oklchToHex({ ...l, l: Math.min(1, Math.max(0, l.l + direction * 0.015)) });
+      const nudged = oklchToHex({
+        ...l,
+        l: Math.min(1, Math.max(0, l.l + direction * 0.015))
+      });
       setLabelSlot(fixed, labelSlot, nudged);
     }
   }
@@ -1354,8 +2082,16 @@ function generateTheme(base, seeds) {
   const ramps = {
     ...STOCK_RAMPS,
     ink: reRamp(STOCK_RAMPS.ink, seeds.land, NEUTRAL_CHROMA_CAP),
+    paper: reRamp(STOCK_RAMPS.paper, seeds.land, NEUTRAL_CHROMA_CAP),
     graphite: reRamp(STOCK_RAMPS.graphite, seeds.land, MUTED_CHROMA_CAP),
+    jade: reRamp(STOCK_RAMPS.jade, seeds.land, CHROMA_CAP),
+    cobalt: reRamp(STOCK_RAMPS.cobalt, seeds.land, CHROMA_CAP),
+    rose: reRamp(STOCK_RAMPS.rose, seeds.land, CHROMA_CAP),
+    lilac: reRamp(STOCK_RAMPS.lilac, seeds.land, NEUTRAL_CHROMA_CAP),
+    aqua: reRamp(STOCK_RAMPS.aqua, seeds.nature, CHROMA_CAP),
     wave: reRamp(STOCK_RAMPS.wave, seeds.water, CHROMA_CAP),
+    sky: reRamp(STOCK_RAMPS.sky, seeds.water, CHROMA_CAP),
+    mist: reRamp(STOCK_RAMPS.mist, seeds.water, CHROMA_CAP),
     verdant: reRamp(STOCK_RAMPS.verdant, seeds.nature, CHROMA_CAP)
   };
   const generated = buildRecipes(ramps);
@@ -1375,7 +2111,7 @@ function generateTheme(base, seeds) {
 }
 
 // src/palettes.ts
-var SEED_PALETTES = [
+var THEME_PRESETS = [
   { name: "process ink", seeds: DEFAULT_SEEDS },
   {
     name: "boreal",
@@ -1416,36 +2152,445 @@ function shuffleSeeds(rng = Math.random) {
     accent: oklchToHex({ l: 0.65, c: 0.22 + rng() * 0.08, h: wrap(h + 170 + rng() * 40) })
   };
 }
+
+// src/preset.ts
+var PRESET_CODE_PREFIX = "u";
+var PRESET_CODE_RE = /^u[0-9A-Za-z]{2,24}$/;
+var BASE62 = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
+var SEED_KEYS = ["land", "water", "nature", "accent"];
+var STYLE_ENCODE = {
+  base: 0,
+  muted: 1,
+  outdoor: 4,
+  decimal: 5,
+  blueprint: 6,
+  blush: 8,
+  orchid: 9,
+  canopy: 10,
+  lagoon: 11
+};
+var STYLE_DECODE = [
+  "base",
+  "muted",
+  "outdoor",
+  "base",
+  "outdoor",
+  "decimal",
+  "blueprint",
+  void 0,
+  "blush",
+  "orchid",
+  "canopy",
+  "lagoon"
+];
+var PRESET_OFFSET = 8n;
+var ORIGINAL_SLOTS = 5n;
+var ORIGINAL_PRESET_LIMIT = 64n;
+var LATER_OFFSET = PRESET_OFFSET + ORIGINAL_PRESET_LIMIT * ORIGINAL_SLOTS;
+var LATER_LANES = 3n;
+var LATER_ROWS = 232n;
+var WAVE2_BASE = 5;
+var WAVE3_BASE = 8;
+var WAVE3_BARE_ROWS = 32n;
+var WAVE3_STYLE_COLUMNS = 20n;
+var WAVE3_PRESET_LIMIT = (LATER_ROWS - WAVE3_BARE_ROWS) / WAVE3_STYLE_COLUMNS;
+var CUSTOM_OFFSET = 1024n;
+var ESCAPE_SLOT = 7n;
+var ESCAPE_BITS = 5n;
+var sameHex = (a, b) => a.toLowerCase() === b.toLowerCase();
+function isThemePresetCode(code) {
+  return PRESET_CODE_RE.test(code);
+}
+function presetId(name) {
+  return name.replace(/\s+([a-zA-Z])/g, (_, c) => c.toUpperCase()).replace(/\s/g, "");
+}
+function toBase62(n, min = 2) {
+  if (n === 0n) return "0".repeat(min);
+  let s = "";
+  let x = n;
+  while (x > 0n) {
+    s = BASE62[Number(x % 62n)] + s;
+    x /= 62n;
+  }
+  return s.padStart(min, "0");
+}
+function fromBase62(s) {
+  let n = 0n;
+  for (const ch of s) {
+    const i = BASE62.indexOf(ch);
+    if (i < 0) {
+      throw new ThemeError("invalid theme", ["code is not a valid preset"]);
+    }
+    n = n * 62n + BigInt(i);
+  }
+  return n;
+}
+function rgb24(hex) {
+  return BigInt(parseInt(hex.replace("#", "").slice(0, 6), 16));
+}
+function fromRgb24(n) {
+  return `#${n.toString(16).toUpperCase().padStart(6, "0")}`;
+}
+function isBareStyle(doc) {
+  return doc.seeds === void 0 && doc.light === void 0 && doc.dark === void 0;
+}
+function deepEqual(a, b) {
+  if (a === b) return true;
+  if (typeof a !== typeof b) return false;
+  if (a && b && typeof a === "object") {
+    const ak = Object.keys(a).sort();
+    const bk = Object.keys(b).sort();
+    return ak.length === bk.length && ak.every((k, i) => k === bk[i] && deepEqual(a[k], b[k]));
+  }
+  return false;
+}
+function seedsMatch(a, b) {
+  return SEED_KEYS.every((k) => {
+    const left = a[k];
+    const right = b[k];
+    if (left === void 0 && right === void 0) return true;
+    if (typeof left !== "string" || typeof right !== "string") return left === right;
+    return sameHex(left, right);
+  });
+}
+function generatedMatch(doc) {
+  if (!doc.seeds) return false;
+  const generated = generateTheme(doc.base, doc.seeds);
+  return generated.base === doc.base && seedsMatch(generated.seeds, doc.seeds) && deepEqual(generated.light, doc.light) && deepEqual(generated.dark, doc.dark);
+}
+function findPresetIndex(seeds) {
+  return THEME_PRESETS.findIndex((p) => seedsMatch(p.seeds, { ...DEFAULT_SEEDS, ...seeds }));
+}
+function encodeBits(bits) {
+  return PRESET_CODE_PREFIX + toBase62(bits);
+}
+function encodePreset(doc) {
+  const index = STYLE_ENCODE[doc.base];
+  if (index === void 0) return null;
+  const s = BigInt(index);
+  if (isBareStyle(doc)) {
+    if (index < WAVE3_BASE) return encodeBits(s);
+    return encodeBits(LATER_OFFSET + (s - BigInt(WAVE3_BASE)) * LATER_LANES + 2n);
+  }
+  if (!doc.seeds || !generatedMatch(doc)) return null;
+  const presetIndex = findPresetIndex(doc.seeds);
+  if (presetIndex >= 0) {
+    const p = BigInt(presetIndex);
+    if (index < WAVE2_BASE) {
+      if (p < ORIGINAL_PRESET_LIMIT) return encodeBits(PRESET_OFFSET + p * ORIGINAL_SLOTS + s);
+    } else if (index < WAVE3_BASE) {
+      if (p < LATER_ROWS) {
+        return encodeBits(LATER_OFFSET + p * LATER_LANES + (s - BigInt(WAVE2_BASE)));
+      }
+    } else if (p < WAVE3_PRESET_LIMIT && s - BigInt(WAVE3_BASE) < WAVE3_STYLE_COLUMNS) {
+      const row = WAVE3_BARE_ROWS + p * WAVE3_STYLE_COLUMNS + (s - BigInt(WAVE3_BASE));
+      return encodeBits(LATER_OFFSET + row * LATER_LANES + 2n);
+    }
+  }
+  if (!doc.seeds.accent) return null;
+  const filled = { ...DEFAULT_SEEDS, ...doc.seeds };
+  let bits;
+  let shift;
+  if (index < WAVE3_BASE) {
+    bits = CUSTOM_OFFSET + s;
+    shift = 3n;
+  } else {
+    bits = CUSTOM_OFFSET + ESCAPE_SLOT + (s - BigInt(WAVE3_BASE) << 3n);
+    shift = 3n + ESCAPE_BITS;
+  }
+  for (const key of SEED_KEYS) {
+    bits += rgb24(filled[key]) << shift;
+    shift += 24n;
+  }
+  return encodeBits(bits);
+}
+function decodePreset(code) {
+  if (!isThemePresetCode(code)) {
+    throw new ThemeError("invalid theme", ["code is not a valid preset"]);
+  }
+  const bits = fromBase62(code.slice(PRESET_CODE_PREFIX.length));
+  const styleAt = (index) => {
+    const base2 = STYLE_DECODE[index];
+    if (!base2) throw new ThemeError("invalid theme", ["preset style is out of range"]);
+    return base2;
+  };
+  const presetAt = (index) => {
+    const preset = THEME_PRESETS[index];
+    if (!preset) throw new ThemeError("invalid theme", ["preset is out of range"]);
+    return preset;
+  };
+  if (bits < PRESET_OFFSET) {
+    return structuredClone(STYLE_THEMES[styleAt(Number(bits))]);
+  }
+  if (bits < LATER_OFFSET) {
+    const n = bits - PRESET_OFFSET;
+    return generateTheme(styleAt(Number(n % ORIGINAL_SLOTS)), presetAt(Number(n / ORIGINAL_SLOTS)).seeds);
+  }
+  if (bits < CUSTOM_OFFSET) {
+    const n = bits - LATER_OFFSET;
+    const lane = Number(n % LATER_LANES);
+    const row = n / LATER_LANES;
+    if (lane < 2) {
+      return generateTheme(styleAt(WAVE2_BASE + lane), presetAt(Number(row)).seeds);
+    }
+    if (row < WAVE3_BARE_ROWS) {
+      return structuredClone(STYLE_THEMES[styleAt(WAVE3_BASE + Number(row))]);
+    }
+    const j = row - WAVE3_BARE_ROWS;
+    const base2 = styleAt(WAVE3_BASE + Number(j % WAVE3_STYLE_COLUMNS));
+    return generateTheme(base2, presetAt(Number(j / WAVE3_STYLE_COLUMNS)).seeds);
+  }
+  const payload = bits - CUSTOM_OFFSET;
+  const slot = payload & 7n;
+  let base;
+  let rest;
+  if (slot === ESCAPE_SLOT) {
+    base = styleAt(WAVE3_BASE + Number(payload >> 3n & (1n << ESCAPE_BITS) - 1n));
+    rest = payload >> 3n + ESCAPE_BITS;
+  } else {
+    base = styleAt(Number(slot));
+    rest = payload >> 3n;
+  }
+  const seeds = { ...DEFAULT_SEEDS };
+  for (const key of SEED_KEYS) {
+    seeds[key] = fromRgb24(rest & 0xffffffn);
+    rest >>= 24n;
+  }
+  if (rest !== 0n) {
+    throw new ThemeError("invalid theme", ["preset payload has unused bits"]);
+  }
+  return generateTheme(base, seeds);
+}
+function registryThemeKey(doc) {
+  if (isBareStyle(doc)) return STYLE_THEMES[doc.base]?.name;
+  if (!doc.seeds || doc.base !== "base" || !generatedMatch(doc)) return void 0;
+  const presetIndex = findPresetIndex(doc.seeds);
+  if (presetIndex < 0) return void 0;
+  return presetId(THEME_PRESETS[presetIndex].name);
+}
+
+// src/layers.ts
+var DEFAULT_LAYER_VISIBILITY = {
+  land: true,
+  water: true,
+  buildings: true,
+  roads: true,
+  boundaries: true,
+  buildings3d: false,
+  labels: true
+};
+var BUILDINGS_3D_LAYER_ID = "buildings_3d";
+var LAND_LINES = /* @__PURE__ */ new Set(["roads_runway", "roads_taxiway"]);
+function layerGroupOf(layer) {
+  const { id, type } = layer;
+  if (type === "symbol") return "labels";
+  if (id === "background") return null;
+  if (id === BUILDINGS_3D_LAYER_ID) return "buildings3d";
+  if (id === "buildings") return "buildings";
+  if (id.startsWith("water")) return "water";
+  if (id.startsWith("boundaries")) return "boundaries";
+  if (LAND_LINES.has(id)) return "land";
+  if (id.startsWith("roads")) return "roads";
+  if (id === "earth" || id === "landcover" || id.startsWith("landuse")) return "land";
+  return null;
+}
+function isLayerVisible(layers, group) {
+  return layers?.visible?.[group] ?? DEFAULT_LAYER_VISIBILITY[group];
+}
+function effectiveLayerOrder(layers) {
+  return layers?.order ?? LAYER_GROUPS;
+}
+function isStockLayerOrder(order) {
+  return !order || order.length === LAYER_GROUPS.length && order.every((g, i) => g === LAYER_GROUPS[i]);
+}
+function isStockLayers(layers) {
+  if (!layers) return true;
+  if (!isStockLayerOrder(layers.order)) return false;
+  return LAYER_GROUPS.every((g) => isLayerVisible(layers, g) === DEFAULT_LAYER_VISIBILITY[g]);
+}
+function buildings3dLayer(source, color) {
+  return {
+    id: BUILDINGS_3D_LAYER_ID,
+    type: "fill-extrusion",
+    source,
+    "source-layer": "buildings",
+    minzoom: 13,
+    filter: ["in", "kind", "building", "building_part"],
+    paint: {
+      "fill-extrusion-color": color,
+      "fill-extrusion-height": ["coalesce", ["get", "height"], 6],
+      "fill-extrusion-base": ["coalesce", ["get", "min_height"], 0],
+      "fill-extrusion-opacity": 0.85
+    }
+  };
+}
+function applyThemeLayers(styleLayers, layers, buildingsColor) {
+  if (isStockLayers(layers)) return styleLayers;
+  const visible = (g) => isLayerVisible(layers, g);
+  const tagged = styleLayers.map((layer) => ({ layer, group: layerGroupOf(layer) }));
+  const source = styleLayers.find((l) => l.id === "buildings")?.source ?? "unmap";
+  const extrusion = visible("buildings3d") ? buildings3dLayer(source, buildingsColor) : null;
+  if (isStockLayerOrder(layers?.order)) {
+    const kept = tagged.filter(({ group }) => group === null || visible(group)).map((t) => t.layer);
+    if (!extrusion) return kept;
+    const firstLabel = kept.findIndex((l) => layerGroupOf(l) === "labels");
+    const at = firstLabel === -1 ? kept.length : firstLabel;
+    return [...kept.slice(0, at), extrusion, ...kept.slice(at)];
+  }
+  const out = tagged.filter(({ group }) => group === null).map((t) => t.layer);
+  for (const group of effectiveLayerOrder(layers)) {
+    if (!visible(group)) continue;
+    if (group === "buildings3d") {
+      if (extrusion) out.push(extrusion);
+      continue;
+    }
+    for (const t of tagged) if (t.group === group) out.push(t.layer);
+  }
+  return out;
+}
+
+// src/codec.ts
+var THEME_CODE_PREFIX = "ut1.";
+var MAX_CODE_LENGTH = 4096;
+var MAX_JSON_BYTES = 16 * 1024;
+async function pump(stream, cap) {
+  const reader = stream.getReader();
+  const chunks = [];
+  let size = 0;
+  for (; ; ) {
+    const { done, value } = await reader.read();
+    if (done) break;
+    size += value.byteLength;
+    if (size > cap) {
+      await reader.cancel().catch(() => {
+      });
+      throw new ThemeError("invalid theme", ["theme document too large"]);
+    }
+    chunks.push(value);
+  }
+  const out = new Uint8Array(size);
+  let off = 0;
+  for (const c of chunks) {
+    out.set(c, off);
+    off += c.byteLength;
+  }
+  return out;
+}
+var toB64url = (b) => {
+  let bin = "";
+  for (let i = 0; i < b.length; i += 32768) {
+    bin += String.fromCharCode(...b.subarray(i, i + 32768));
+  }
+  return btoa(bin).replaceAll("+", "-").replaceAll("/", "_").replace(/=+$/, "");
+};
+var fromB64url = (s) => {
+  const bin = atob(s.replaceAll("-", "+").replaceAll("_", "/"));
+  return Uint8Array.from(bin, (c) => c.charCodeAt(0));
+};
+async function through(bytes, transform, cap) {
+  const stream = new Blob([bytes]).stream().pipeThrough(transform);
+  return pump(stream, cap);
+}
+async function encodeTheme(doc) {
+  const valid = validateTheme(doc);
+  const preset = isStockLayers(valid.layers) ? encodePreset(valid) : null;
+  if (preset) return preset;
+  const json = new TextEncoder().encode(JSON.stringify(valid));
+  const packed = await through(json, new CompressionStream("deflate"), Number.POSITIVE_INFINITY);
+  const code = THEME_CODE_PREFIX + toB64url(packed);
+  if (code.length > MAX_CODE_LENGTH) {
+    throw new ThemeError("invalid theme", [
+      `encoded theme exceeds ${MAX_CODE_LENGTH} characters`
+    ]);
+  }
+  return code;
+}
+async function decodeTheme(code) {
+  if (code.length > MAX_CODE_LENGTH) {
+    throw new ThemeError("invalid theme", [`code exceeds ${MAX_CODE_LENGTH} characters`]);
+  }
+  if (code.startsWith(THEME_CODE_PREFIX)) {
+    return decodeDeflate(code);
+  }
+  if (isThemePresetCode(code)) {
+    return validateTheme(decodePreset(code));
+  }
+  throw new ThemeError("invalid theme", [
+    `code must start with "${THEME_CODE_PREFIX}" or be a short preset`
+  ]);
+}
+async function decodeDeflate(code) {
+  let bytes;
+  try {
+    const packed = fromB64url(code.slice(THEME_CODE_PREFIX.length));
+    bytes = await through(packed, new DecompressionStream("deflate"), MAX_JSON_BYTES);
+  } catch (e) {
+    if (e instanceof ThemeError) throw e;
+    throw new ThemeError("invalid theme", ["code is not valid base64url deflate data"]);
+  }
+  let parsed;
+  try {
+    parsed = JSON.parse(new TextDecoder().decode(bytes));
+  } catch {
+    throw new ThemeError("invalid theme", ["decoded payload is not JSON"]);
+  }
+  return validateTheme(parsed);
+}
 export {
+  BUILDINGS_3D_LAYER_ID,
+  DEFAULT_LAYER_VISIBILITY,
   DEFAULT_MARKER,
   DEFAULT_ROUTE,
   DEFAULT_SEEDS,
   LABEL_PAIRS,
+  LAYER_GROUPS,
   MAX_CODE_LENGTH,
   MODES,
-  PRESET_THEMES,
+  PRESET_CODE_PREFIX,
+  PRESET_CODE_RE,
   RECIPES,
-  SEED_PALETTES,
   STOCK_RAMPS,
+  STYLE_THEMES,
   THEME_BASES,
   THEME_CODE_PREFIX,
+  THEME_PRESETS,
   ThemeError,
+  applyThemeLayers,
+  aqua,
   buildRecipes,
+  cobalt,
   contrast,
   contrastWarnings,
+  decodePreset,
   decodeTheme,
+  effectiveLayerOrder,
   ember,
+  encodePreset,
   encodeTheme,
   generateTheme,
   graphite,
   hexToOklch,
   ink,
+  isLayerVisible,
+  isStockLayerOrder,
+  isStockLayers,
+  isThemePresetCode,
+  jade,
+  layerGroupOf,
+  lilac,
   makeFlavor,
   mergeRecipe,
+  mist,
+  normalizeThemeBase,
   oklchToHex,
+  paper,
+  presetId,
+  registryThemeKey,
   resolveTheme,
+  rose,
   sandstone,
   shuffleSeeds,
+  sky,
   validateTheme,
   verdant,
   wave