@syncupsuite/themes 0.2.2 → 0.3.0

package/src/nordic-modern/tokens.json

@@ -0,0 +1,900 @@
+{
+  "$name": "nordic-modern",
+  "$description": "Nordic Modern — Scandinavian clarity, nature-inspired restraint, and functional warmth from the design traditions of Denmark, Sweden, Finland, and Norway",
+  "$extensions": {
+    "syncupsuite.foundation": {
+      "story": "Nordic Modern design emerged in the 1950s from the intersection of Bauhaus functionalism and Scandinavian craft traditions. Designers like Alvar Aalto, Arne Jacobsen, and Marimekko proved that mass-produced objects could carry warmth and humanity. The palette draws from fjords, birch forests, lichen-covered granite, and the long blue twilight of northern latitudes.",
+      "philosophy": "Lagom (just the right amount) — democratic beauty through restraint and natural materials",
+      "era": "1950s–present",
+      "harmonyMode": "analogous",
+      "radiusTendency": "moderate",
+      "typographyCategory": "geometric-sans"
+    }
+  },
+  "primitive": {
+    "color": {
+      "fjordbl": {
+        "50": {
+          "$type": "color",
+          "$value": "#EAF7FF",
+          "$description": "Fjordblå 50"
+        },
+        "100": {
+          "$type": "color",
+          "$value": "#C2D7E8",
+          "$description": "Fjordblå 100"
+        },
+        "200": {
+          "$type": "color",
+          "$value": "#9CB8CE",
+          "$description": "Fjordblå 200"
+        },
+        "300": {
+          "$type": "color",
+          "$value": "#769AB5",
+          "$description": "Fjordblå 300"
+        },
+        "400": {
+          "$type": "color",
+          "$value": "#517C9C",
+          "$description": "Fjordblå 400"
+        },
+        "500": {
+          "$type": "color",
+          "$value": "#2B5F83",
+          "$description": "Fjordblå 500",
+          "$extensions": {
+            "syncupsuite.provenance": {
+              "name": "Fjordblå",
+              "tradition": "The deep blue-grey of Norwegian fjord water at midday. A defining color of Scandinavian textiles and ceramics from Røros to Fiskars.",
+              "source": "Scandinavian Design, Charlotte & Peter Fiell",
+              "isSeed": true
+            }
+          }
+        },
+        "600": {
+          "$type": "color",
+          "$value": "#184665",
+          "$description": "Fjordblå 600"
+        },
+        "700": {
+          "$type": "color",
+          "$value": "#052F49",
+          "$description": "Fjordblå 700"
+        },
+        "800": {
+          "$type": "color",
+          "$value": "#001A2F",
+          "$description": "Fjordblå 800"
+        },
+        "900": {
+          "$type": "color",
+          "$value": "#000616",
+          "$description": "Fjordblå 900"
+        }
+      },
+      "bj-rkehvit-birch-white": {
+        "50": {
+          "$type": "color",
+          "$value": "#F6F5F4",
+          "$description": "Bjørkehvit (Birch White) 50"
+        },
+        "100": {
+          "$type": "color",
+          "$value": "#F5F4F3",
+          "$description": "Bjørkehvit (Birch White) 100"
+        },
+        "200": {
+          "$type": "color",
+          "$value": "#F5F4F2",
+          "$description": "Bjørkehvit (Birch White) 200"
+        },
+        "300": {
+          "$type": "color",
+          "$value": "#F5F3F0",
+          "$description": "Bjørkehvit (Birch White) 300"
+        },
+        "400": {
+          "$type": "color",
+          "$value": "#F5F3EF",
+          "$description": "Bjørkehvit (Birch White) 400"
+        },
+        "500": {
+          "$type": "color",
+          "$value": "#F5F2EE",
+          "$description": "Bjørkehvit (Birch White) 500",
+          "$extensions": {
+            "syncupsuite.provenance": {
+              "name": "Bjørkehvit (Birch White)",
+              "tradition": "The warm white of birch bark and unbleached Nordic linen. Never pure white — always carrying the warmth of natural fiber.",
+              "source": "Nordic Light: Modern Scandinavian Architecture, Henry Plummer",
+              "isSeed": true
+            }
+          }
+        },
+        "600": {
+          "$type": "color",
+          "$value": "#B0AEAB",
+          "$description": "Bjørkehvit (Birch White) 600"
+        },
+        "700": {
+          "$type": "color",
+          "$value": "#716F6C",
+          "$description": "Bjørkehvit (Birch White) 700"
+        },
+        "800": {
+          "$type": "color",
+          "$value": "#373533",
+          "$description": "Bjørkehvit (Birch White) 800"
+        },
+        "900": {
+          "$type": "color",
+          "$value": "#060605",
+          "$description": "Bjørkehvit (Birch White) 900"
+        }
+      },
+      "mosegr-nn-moss-green": {
+        "50": {
+          "$type": "color",
+          "$value": "#EFF8F0",
+          "$description": "Mosegrønn (Moss Green) 50"
+        },
+        "100": {
+          "$type": "color",
+          "$value": "#D0DDD1",
+          "$description": "Mosegrønn (Moss Green) 100"
+        },
+        "200": {
+          "$type": "color",
+          "$value": "#B2C4B3",
+          "$description": "Mosegrønn (Moss Green) 200"
+        },
+        "300": {
+          "$type": "color",
+          "$value": "#95AB96",
+          "$description": "Mosegrønn (Moss Green) 300"
+        },
+        "400": {
+          "$type": "color",
+          "$value": "#789279",
+          "$description": "Mosegrønn (Moss Green) 400"
+        },
+        "500": {
+          "$type": "color",
+          "$value": "#5C7A5E",
+          "$description": "Mosegrønn (Moss Green) 500",
+          "$extensions": {
+            "syncupsuite.provenance": {
+              "name": "Mosegrønn (Moss Green)",
+              "tradition": "The muted green of forest-floor moss and lichen. Present in Finnish ryijy rugs and Danish functionalist interiors.",
+              "source": "Finnish Design: A Concise History, Pekka Korvenmaa",
+              "isSeed": true
+            }
+          }
+        },
+        "600": {
+          "$type": "color",
+          "$value": "#415A43",
+          "$description": "Mosegrønn (Moss Green) 600"
+        },
+        "700": {
+          "$type": "color",
+          "$value": "#273D29",
+          "$description": "Mosegrønn (Moss Green) 700"
+        },
+        "800": {
+          "$type": "color",
+          "$value": "#0F2111",
+          "$description": "Mosegrønn (Moss Green) 800"
+        },
+        "900": {
+          "$type": "color",
+          "$value": "#000801",
+          "$description": "Mosegrønn (Moss Green) 900"
+        }
+      },
+      "multeb-r-cloudberry": {
+        "50": {
+          "$type": "color",
+          "$value": "#FFF1E1",
+          "$description": "Multebær (Cloudberry) 50"
+        },
+        "100": {
+          "$type": "color",
+          "$value": "#F8DBC1",
+          "$description": "Multebær (Cloudberry) 100"
+        },
+        "200": {
+          "$type": "color",
+          "$value": "#EBC4A1",
+          "$description": "Multebær (Cloudberry) 200"
+        },
+        "300": {
+          "$type": "color",
+          "$value": "#DEAE81",
+          "$description": "Multebær (Cloudberry) 300"
+        },
+        "400": {
+          "$type": "color",
+          "$value": "#D19760",
+          "$description": "Multebær (Cloudberry) 400"
+        },
+        "500": {
+          "$type": "color",
+          "$value": "#C4813C",
+          "$description": "Multebær (Cloudberry) 500",
+          "$extensions": {
+            "syncupsuite.provenance": {
+              "name": "Multebær (Cloudberry)",
+              "tradition": "The amber-gold of ripe cloudberries (Rubus chamaemorus), a prized arctic fruit. This warm accent breaks the cool Nordic palette.",
+              "source": "The Nordic Cookbook, Magnus Nilsson",
+              "isSeed": true
+            }
+          }
+        },
+        "600": {
+          "$type": "color",
+          "$value": "#945B1B",
+          "$description": "Multebær (Cloudberry) 600"
+        },
+        "700": {
+          "$type": "color",
+          "$value": "#673700",
+          "$description": "Multebær (Cloudberry) 700"
+        },
+        "800": {
+          "$type": "color",
+          "$value": "#3D1600",
+          "$description": "Multebær (Cloudberry) 800"
+        },
+        "900": {
+          "$type": "color",
+          "$value": "#160000",
+          "$description": "Multebær (Cloudberry) 900"
+        }
+      },
+      "granitt-granite": {
+        "50": {
+          "$type": "color",
+          "$value": "#F4F5F6",
+          "$description": "Granitt (Granite) 50"
+        },
+        "100": {
+          "$type": "color",
+          "$value": "#DBDCDE",
+          "$description": "Granitt (Granite) 100"
+        },
+        "200": {
+          "$type": "color",
+          "$value": "#C1C3C6",
+          "$description": "Granitt (Granite) 200"
+        },
+        "300": {
+          "$type": "color",
+          "$value": "#A9ABAF",
+          "$description": "Granitt (Granite) 300"
+        },
+        "400": {
+          "$type": "color",
+          "$value": "#919498",
+          "$description": "Granitt (Granite) 400"
+        },
+        "500": {
+          "$type": "color",
+          "$value": "#7A7D82",
+          "$description": "Granitt (Granite) 500",
+          "$extensions": {
+            "syncupsuite.provenance": {
+              "name": "Granitt (Granite)",
+              "tradition": "Norwegian granite grey. The foundation stone of Nordic architecture from stave churches to Sverre Fehn's modernist pavilions.",
+              "source": "New Nordic Architecture & Identity, Kjeld Kjeldsen",
+              "isSeed": true
+            }
+          }
+        },
+        "600": {
+          "$type": "color",
+          "$value": "#595B60",
+          "$description": "Granitt (Granite) 600"
+        },
+        "700": {
+          "$type": "color",
+          "$value": "#3A3C3F",
+          "$description": "Granitt (Granite) 700"
+        },
+        "800": {
+          "$type": "color",
+          "$value": "#1D1F21",
+          "$description": "Granitt (Granite) 800"
+        },
+        "900": {
+          "$type": "color",
+          "$value": "#050607",
+          "$description": "Granitt (Granite) 900"
+        }
+      },
+      "nordlys-northern-light": {
+        "50": {
+          "$type": "color",
+          "$value": "#E7F9F9",
+          "$description": "Nordlys (Northern Light) 50"
+        },
+        "100": {
+          "$type": "color",
+          "$value": "#C3E0DF",
+          "$description": "Nordlys (Northern Light) 100"
+        },
+        "200": {
+          "$type": "color",
+          "$value": "#9FC7C6",
+          "$description": "Nordlys (Northern Light) 200"
+        },
+        "300": {
+          "$type": "color",
+          "$value": "#7BAEAD",
+          "$description": "Nordlys (Northern Light) 300"
+        },
+        "400": {
+          "$type": "color",
+          "$value": "#579695",
+          "$description": "Nordlys (Northern Light) 400"
+        },
+        "500": {
+          "$type": "color",
+          "$value": "#2E7E7E",
+          "$description": "Nordlys (Northern Light) 500",
+          "$extensions": {
+            "syncupsuite.provenance": {
+              "name": "Nordlys (Northern Light)",
+              "tradition": "Teal-green of the aurora borealis, captured in Marimekko prints and Finnish glass by Kaj Franck and Tapio Wirkkala.",
+              "source": "Scandinavian Design: An Introduction, David McFadden",
+              "isSeed": true
+            }
+          }
+        },
+        "600": {
+          "$type": "color",
+          "$value": "#135E5E",
+          "$description": "Nordlys (Northern Light) 600"
+        },
+        "700": {
+          "$type": "color",
+          "$value": "#003F40",
+          "$description": "Nordlys (Northern Light) 700"
+        },
+        "800": {
+          "$type": "color",
+          "$value": "#002324",
+          "$description": "Nordlys (Northern Light) 800"
+        },
+        "900": {
+          "$type": "color",
+          "$value": "#000A0B",
+          "$description": "Nordlys (Northern Light) 900"
+        }
+      },
+      "neutral": {
+        "50": {
+          "$type": "color",
+          "$value": "#F3F9FF",
+          "$description": "Neutral 50"
+        },
+        "100": {
+          "$type": "color",
+          "$value": "#E9EFF5",
+          "$description": "Neutral 100"
+        },
+        "200": {
+          "$type": "color",
+          "$value": "#D8DFE4",
+          "$description": "Neutral 200"
+        },
+        "300": {
+          "$type": "color",
+          "$value": "#BFC5CA",
+          "$description": "Neutral 300"
+        },
+        "400": {
+          "$type": "color",
+          "$value": "#93999E",
+          "$description": "Neutral 400"
+        },
+        "500": {
+          "$type": "color",
+          "$value": "#6A6F74",
+          "$description": "Neutral 500"
+        },
+        "600": {
+          "$type": "color",
+          "$value": "#484E52",
+          "$description": "Neutral 600"
+        },
+        "700": {
+          "$type": "color",
+          "$value": "#2E3438",
+          "$description": "Neutral 700"
+        },
+        "800": {
+          "$type": "color",
+          "$value": "#171B1F",
+          "$description": "Neutral 800"
+        },
+        "900": {
+          "$type": "color",
+          "$value": "#05080B",
+          "$description": "Neutral 900"
+        }
+      },
+      "accent": {
+        "50": {
+          "$type": "color",
+          "$value": "#EDF4FF",
+          "$description": "Accent 50"
+        },
+        "100": {
+          "$type": "color",
+          "$value": "#C1CCF1",
+          "$description": "Accent 100"
+        },
+        "200": {
+          "$type": "color",
+          "$value": "#97A4D6",
+          "$description": "Accent 200"
+        },
+        "300": {
+          "$type": "color",
+          "$value": "#707EBB",
+          "$description": "Accent 300"
+        },
+        "400": {
+          "$type": "color",
+          "$value": "#4B589F",
+          "$description": "Accent 400"
+        },
+        "500": {
+          "$type": "color",
+          "$value": "#2A3283",
+          "$description": "Accent 500"
+        },
+        "600": {
+          "$type": "color",
+          "$value": "#1E236A",
+          "$description": "Accent 600"
+        },
+        "700": {
+          "$type": "color",
+          "$value": "#121551",
+          "$description": "Accent 700"
+        },
+        "800": {
+          "$type": "color",
+          "$value": "#08073A",
+          "$description": "Accent 800"
+        },
+        "900": {
+          "$type": "color",
+          "$value": "#030024",
+          "$description": "Accent 900"
+        }
+      }
+    },
+    "typography": {
+      "family": {
+        "heading": {
+          "$type": "fontFamily",
+          "$value": "\"Inter\", \"Futura\", system-ui, sans-serif",
+          "$description": "Heading font family"
+        },
+        "body": {
+          "$type": "fontFamily",
+          "$value": "\"Inter\", system-ui, sans-serif",
+          "$description": "Body font family"
+        },
+        "mono": {
+          "$type": "fontFamily",
+          "$value": "\"JetBrains Mono\", \"Fira Code\", monospace",
+          "$description": "Monospace font family"
+        }
+      },
+      "size": {
+        "xs": {
+          "$type": "dimension",
+          "$value": "0.75rem",
+          "$description": "Font size xs"
+        },
+        "sm": {
+          "$type": "dimension",
+          "$value": "0.875rem",
+          "$description": "Font size sm"
+        },
+        "base": {
+          "$type": "dimension",
+          "$value": "1rem",
+          "$description": "Font size base"
+        },
+        "lg": {
+          "$type": "dimension",
+          "$value": "1.125rem",
+          "$description": "Font size lg"
+        },
+        "xl": {
+          "$type": "dimension",
+          "$value": "1.25rem",
+          "$description": "Font size xl"
+        },
+        "2xl": {
+          "$type": "dimension",
+          "$value": "1.5rem",
+          "$description": "Font size 2xl"
+        },
+        "3xl": {
+          "$type": "dimension",
+          "$value": "1.875rem",
+          "$description": "Font size 3xl"
+        },
+        "4xl": {
+          "$type": "dimension",
+          "$value": "2.25rem",
+          "$description": "Font size 4xl"
+        }
+      },
+      "weight": {
+        "normal": {
+          "$type": "fontWeight",
+          "$value": "400",
+          "$description": "Font weight normal"
+        },
+        "medium": {
+          "$type": "fontWeight",
+          "$value": "500",
+          "$description": "Font weight medium"
+        },
+        "semibold": {
+          "$type": "fontWeight",
+          "$value": "600",
+          "$description": "Font weight semibold"
+        },
+        "bold": {
+          "$type": "fontWeight",
+          "$value": "700",
+          "$description": "Font weight bold"
+        }
+      },
+      "lineHeight": {
+        "tight": {
+          "$type": "number",
+          "$value": "1.25",
+          "$description": "Line height tight"
+        },
+        "normal": {
+          "$type": "number",
+          "$value": "1.5",
+          "$description": "Line height normal"
+        },
+        "relaxed": {
+          "$type": "number",
+          "$value": "1.75",
+          "$description": "Line height relaxed"
+        }
+      }
+    },
+    "spacing": {
+      "0": {
+        "$type": "dimension",
+        "$value": "0px",
+        "$description": "Spacing 0 (0px)"
+      },
+      "1": {
+        "$type": "dimension",
+        "$value": "4px",
+        "$description": "Spacing 1 (4px)"
+      },
+      "2": {
+        "$type": "dimension",
+        "$value": "8px",
+        "$description": "Spacing 2 (8px)"
+      },
+      "3": {
+        "$type": "dimension",
+        "$value": "12px",
+        "$description": "Spacing 3 (12px)"
+      },
+      "4": {
+        "$type": "dimension",
+        "$value": "16px",
+        "$description": "Spacing 4 (16px)"
+      },
+      "5": {
+        "$type": "dimension",
+        "$value": "20px",
+        "$description": "Spacing 5 (20px)"
+      },
+      "6": {
+        "$type": "dimension",
+        "$value": "24px",
+        "$description": "Spacing 6 (24px)"
+      },
+      "8": {
+        "$type": "dimension",
+        "$value": "32px",
+        "$description": "Spacing 8 (32px)"
+      },
+      "10": {
+        "$type": "dimension",
+        "$value": "40px",
+        "$description": "Spacing 10 (40px)"
+      },
+      "12": {
+        "$type": "dimension",
+        "$value": "48px",
+        "$description": "Spacing 12 (48px)"
+      },
+      "16": {
+        "$type": "dimension",
+        "$value": "64px",
+        "$description": "Spacing 16 (64px)"
+      },
+      "20": {
+        "$type": "dimension",
+        "$value": "80px",
+        "$description": "Spacing 20 (80px)"
+      },
+      "0.5": {
+        "$type": "dimension",
+        "$value": "2px",
+        "$description": "Spacing 0.5 (2px)"
+      },
+      "1.5": {
+        "$type": "dimension",
+        "$value": "6px",
+        "$description": "Spacing 1.5 (6px)"
+      }
+    },
+    "radius": {
+      "none": {
+        "$type": "dimension",
+        "$value": "0px",
+        "$description": "Border radius none"
+      },
+      "sm": {
+        "$type": "dimension",
+        "$value": "4px",
+        "$description": "Border radius sm"
+      },
+      "md": {
+        "$type": "dimension",
+        "$value": "8px",
+        "$description": "Border radius md"
+      },
+      "lg": {
+        "$type": "dimension",
+        "$value": "12px",
+        "$description": "Border radius lg"
+      },
+      "xl": {
+        "$type": "dimension",
+        "$value": "16px",
+        "$description": "Border radius xl"
+      },
+      "full": {
+        "$type": "dimension",
+        "$value": "9999px",
+        "$description": "Border radius full"
+      }
+    }
+  },
+  "semantic": {
+    "light": {
+      "background": {
+        "canvas": {
+          "$type": "color",
+          "$value": "{primitive.color.neutral.50}",
+          "$description": "Page background"
+        },
+        "surface": {
+          "$type": "color",
+          "$value": "#FFFFFF",
+          "$description": "Card/surface background"
+        },
+        "muted": {
+          "$type": "color",
+          "$value": "{primitive.color.neutral.100}",
+          "$description": "Muted background"
+        }
+      },
+      "text": {
+        "primary": {
+          "$type": "color",
+          "$value": "{primitive.color.neutral.900}",
+          "$description": "Primary text"
+        },
+        "secondary": {
+          "$type": "color",
+          "$value": "{primitive.color.neutral.600}",
+          "$description": "Secondary text"
+        },
+        "muted": {
+          "$type": "color",
+          "$value": "{primitive.color.neutral.500}",
+          "$description": "Muted/disabled text"
+        },
+        "inverse": {
+          "$type": "color",
+          "$value": "{primitive.color.neutral.50}",
+          "$description": "Text on dark backgrounds"
+        }
+      },
+      "interactive": {
+        "primary": {
+          "$type": "color",
+          "$value": "{primitive.color.fjordbl.500}",
+          "$description": "Primary interactive (buttons, links)"
+        },
+        "primary-hover": {
+          "$type": "color",
+          "$value": "{primitive.color.fjordbl.600}",
+          "$description": "Primary interactive hover"
+        },
+        "primary-active": {
+          "$type": "color",
+          "$value": "{primitive.color.fjordbl.700}",
+          "$description": "Primary interactive active"
+        }
+      },
+      "border": {
+        "default": {
+          "$type": "color",
+          "$value": "{primitive.color.neutral.200}",
+          "$description": "Default border"
+        },
+        "strong": {
+          "$type": "color",
+          "$value": "{primitive.color.neutral.400}",
+          "$description": "Strong border"
+        }
+      },
+      "status": {
+        "error": {
+          "$type": "color",
+          "$value": "#DC2626",
+          "$description": "Error — WCAG-compliant red"
+        },
+        "success": {
+          "$type": "color",
+          "$value": "#16A34A",
+          "$description": "Success — WCAG-compliant green"
+        },
+        "warning": {
+          "$type": "color",
+          "$value": "#A16207",
+          "$description": "Warning — WCAG AA amber (4.5:1+ on white)"
+        },
+        "info": {
+          "$type": "color",
+          "$value": "{primitive.color.fjordbl.500}",
+          "$description": "Info status"
+        }
+      },
+      "focus": {
+        "ring": {
+          "$type": "color",
+          "$value": "{primitive.color.fjordbl.500}",
+          "$description": "Focus ring color"
+        }
+      },
+      "accessibility": {
+        "focus-visible": {
+          "$type": "color",
+          "$value": "{primitive.color.fjordbl.500}",
+          "$description": "Keyboard focus indicator"
+        }
+      }
+    },
+    "dark": {
+      "background": {
+        "canvas": {
+          "$type": "color",
+          "$value": "{primitive.color.neutral.900}",
+          "$description": "Page background — dark"
+        },
+        "surface": {
+          "$type": "color",
+          "$value": "{primitive.color.neutral.800}",
+          "$description": "Card/surface — dark"
+        },
+        "muted": {
+          "$type": "color",
+          "$value": "{primitive.color.neutral.700}",
+          "$description": "Muted background — dark"
+        }
+      },
+      "text": {
+        "primary": {
+          "$type": "color",
+          "$value": "{primitive.color.neutral.50}",
+          "$description": "Primary text — dark"
+        },
+        "secondary": {
+          "$type": "color",
+          "$value": "{primitive.color.neutral.300}",
+          "$description": "Secondary text — dark"
+        },
+        "muted": {
+          "$type": "color",
+          "$value": "{primitive.color.neutral.500}",
+          "$description": "Muted text — dark"
+        },
+        "inverse": {
+          "$type": "color",
+          "$value": "{primitive.color.neutral.900}",
+          "$description": "Text on light backgrounds — dark"
+        }
+      },
+      "interactive": {
+        "primary": {
+          "$type": "color",
+          "$value": "{primitive.color.fjordbl.400}",
+          "$description": "Primary interactive — dark"
+        },
+        "primary-hover": {
+          "$type": "color",
+          "$value": "{primitive.color.fjordbl.300}",
+          "$description": "Primary hover — dark"
+        },
+        "primary-active": {
+          "$type": "color",
+          "$value": "{primitive.color.fjordbl.200}",
+          "$description": "Primary active — dark"
+        }
+      },
+      "border": {
+        "default": {
+          "$type": "color",
+          "$value": "{primitive.color.neutral.700}",
+          "$description": "Default border — dark"
+        },
+        "strong": {
+          "$type": "color",
+          "$value": "{primitive.color.neutral.500}",
+          "$description": "Strong border — dark"
+        }
+      },
+      "status": {
+        "error": {
+          "$type": "color",
+          "$value": "#EF4444",
+          "$description": "Error — WCAG-compliant red (dark)"
+        },
+        "success": {
+          "$type": "color",
+          "$value": "#22C55E",
+          "$description": "Success — WCAG-compliant green (dark)"
+        },
+        "warning": {
+          "$type": "color",
+          "$value": "#EAB308",
+          "$description": "Warning — WCAG-compliant amber (dark)"
+        },
+        "info": {
+          "$type": "color",
+          "$value": "{primitive.color.fjordbl.400}",
+          "$description": "Info — dark"
+        }
+      },
+      "focus": {
+        "ring": {
+          "$type": "color",
+          "$value": "{primitive.color.fjordbl.400}",
+          "$description": "Focus ring — dark"
+        }
+      },
+      "accessibility": {
+        "focus-visible": {
+          "$type": "color",
+          "$value": "{primitive.color.fjordbl.400}",
+          "$description": "Keyboard focus — dark"
+        }
+      }
+    }
+  }
+}