@krizaka/sovkora-design-system 0.0.0-stage → 4.0.0

package/registry/foundations.json

@@ -0,0 +1,2067 @@
+{
+  "product": "sovkora",
+  "theme": "Sovkora Orange",
+  "summary": "Calm obsidian surfaces — the platform's, the krizaka.com values — and the orange of the Sovkora mark as the accent, from the Sovkora brand of @krizaka/tokens. Five named themes sit beside it, orthogonal to dark and light. A theme is a set of token values: theme.css overrides the `--kz-*` roles, so every @krizaka/ui primitive wears Sovkora without a class of its own.",
+  "layers": [
+    {
+      "id": "platform",
+      "source": "@krizaka/tokens/tokens.css"
+    },
+    {
+      "id": "brand",
+      "source": "@krizaka/tokens/brands/sovkora.css"
+    },
+    {
+      "id": "kit",
+      "source": "@krizaka/sovkora-design-system/theme.css"
+    }
+  ],
+  "modes": {
+    "dark": {
+      "name": "Sovkora Orange — dark",
+      "roles": [
+        {
+          "role": "surface-0",
+          "value": "hsl(150 12% 9.5%)",
+          "hex": "#151b18",
+          "source": "platform",
+          "note": null
+        },
+        {
+          "role": "surface-1",
+          "value": "hsl(148 11% 11%)",
+          "hex": "#191f1c",
+          "source": "platform",
+          "note": null
+        },
+        {
+          "role": "surface-2",
+          "value": "hsl(148 10% 12.2%)",
+          "hex": "#1c221f",
+          "source": "platform",
+          "note": null
+        },
+        {
+          "role": "surface-3",
+          "value": "hsl(148 9% 16.5%)",
+          "hex": "#262e2a",
+          "source": "platform",
+          "note": null
+        },
+        {
+          "role": "border-default",
+          "value": "hsl(110 25% 92% / 0.12)",
+          "hex": null,
+          "source": "platform",
+          "note": null
+        },
+        {
+          "role": "text-primary",
+          "value": "hsl(105 17% 93%)",
+          "hex": "#ecf0ea",
+          "source": "platform",
+          "note": null
+        },
+        {
+          "role": "text-secondary",
+          "value": "hsl(140 10% 76%)",
+          "hex": "#bcc8c0",
+          "source": "platform",
+          "note": null
+        },
+        {
+          "role": "text-muted",
+          "value": "hsl(140 8% 68%)",
+          "hex": "#a7b4ab",
+          "source": "platform",
+          "note": null
+        },
+        {
+          "role": "accent",
+          "value": "hsl(26 92% 55%)",
+          "hex": "#f67e23",
+          "source": "brand",
+          "note": "The Sovkora orange: primary actions, the active state, the sent bubble."
+        },
+        {
+          "role": "accent-hover",
+          "value": "hsl(26 92% 62%)",
+          "hex": "#f79245",
+          "source": "brand",
+          "note": "The accent under the pointer."
+        },
+        {
+          "role": "accent-soft",
+          "value": "hsl(26 92% 55% / 0.12)",
+          "hex": null,
+          "source": "brand",
+          "note": "An orange wash behind an active item or a pipeline chip."
+        },
+        {
+          "role": "accent-text",
+          "value": "hsl(26 92% 60%)",
+          "hex": "#f78c3b",
+          "source": "brand",
+          "note": "The orange as text: links, active labels — AA on every surface."
+        },
+        {
+          "role": "accent-2",
+          "value": "hsl(37.7 92.1% 50.2%)",
+          "hex": "#f59e0b",
+          "source": "brand",
+          "note": "The second stop of the buttons' gradient."
+        },
+        {
+          "role": "on-accent",
+          "value": "hsl(240 6% 5%)",
+          "hex": "#0c0c0e",
+          "source": "brand",
+          "note": "Text on the accent: near-black in dark, white in light."
+        },
+        {
+          "role": "ring",
+          "value": "hsl(26 92% 55%)",
+          "hex": "#f67e23",
+          "source": "brand",
+          "note": "The focus ring, in the accent."
+        },
+        {
+          "role": "success",
+          "value": "hsl(160 84% 39%)",
+          "hex": "#10b77f",
+          "source": "platform",
+          "note": null
+        },
+        {
+          "role": "warning",
+          "value": "hsl(38 92% 50%)",
+          "hex": "#f59f0a",
+          "source": "platform",
+          "note": null
+        },
+        {
+          "role": "danger",
+          "value": "hsl(0 84% 60%)",
+          "hex": "#ef4343",
+          "source": "platform",
+          "note": null
+        },
+        {
+          "role": "info",
+          "value": "hsl(207 50% 58%)",
+          "hex": "#5e99c9",
+          "source": "brand",
+          "note": "Blue, not orange: an orange \"info\" would read as a warning."
+        }
+      ],
+      "contrasts": [
+        {
+          "fg": "text-primary",
+          "bg": "surface-0",
+          "ratio": 15.16,
+          "min": 4.5
+        },
+        {
+          "fg": "text-secondary",
+          "bg": "surface-0",
+          "ratio": 10.12,
+          "min": 4.5
+        },
+        {
+          "fg": "text-muted",
+          "bg": "surface-0",
+          "ratio": 8.12,
+          "min": 3
+        },
+        {
+          "fg": "accent-text",
+          "bg": "surface-0",
+          "ratio": 7.3,
+          "min": 4.5
+        },
+        {
+          "fg": "text-primary",
+          "bg": "surface-1",
+          "ratio": 14.53,
+          "min": 4.5
+        },
+        {
+          "fg": "text-secondary",
+          "bg": "surface-1",
+          "ratio": 9.7,
+          "min": 4.5
+        },
+        {
+          "fg": "text-muted",
+          "bg": "surface-1",
+          "ratio": 7.78,
+          "min": 3
+        },
+        {
+          "fg": "accent-text",
+          "bg": "surface-1",
+          "ratio": 6.99,
+          "min": 4.5
+        },
+        {
+          "fg": "text-primary",
+          "bg": "surface-2",
+          "ratio": 14.04,
+          "min": 4.5
+        },
+        {
+          "fg": "text-secondary",
+          "bg": "surface-2",
+          "ratio": 9.37,
+          "min": 4.5
+        },
+        {
+          "fg": "text-muted",
+          "bg": "surface-2",
+          "ratio": 7.52,
+          "min": 3
+        },
+        {
+          "fg": "accent-text",
+          "bg": "surface-2",
+          "ratio": 6.76,
+          "min": 4.5
+        },
+        {
+          "fg": "text-primary",
+          "bg": "surface-3",
+          "ratio": 12.09,
+          "min": 4.5
+        },
+        {
+          "fg": "text-secondary",
+          "bg": "surface-3",
+          "ratio": 8.07,
+          "min": 4.5
+        },
+        {
+          "fg": "text-muted",
+          "bg": "surface-3",
+          "ratio": 6.48,
+          "min": 3
+        },
+        {
+          "fg": "accent-text",
+          "bg": "surface-3",
+          "ratio": 5.82,
+          "min": 4.5
+        },
+        {
+          "fg": "on-accent",
+          "bg": "accent",
+          "ratio": 7.38,
+          "min": 4.5
+        },
+        {
+          "fg": "on-accent",
+          "bg": "accent-hover",
+          "ratio": 8.52,
+          "min": 4.5
+        },
+        {
+          "fg": "on-accent",
+          "bg": "accent-2",
+          "ratio": 9.1,
+          "min": 4.5
+        },
+        {
+          "fg": "ring",
+          "bg": "surface-0",
+          "ratio": 6.6,
+          "min": 3
+        }
+      ]
+    },
+    "light": {
+      "name": "Sovkora Orange — light",
+      "roles": [
+        {
+          "role": "surface-0",
+          "value": "hsl(100 14% 96%)",
+          "hex": "#f4f6f3",
+          "source": "platform",
+          "note": null
+        },
+        {
+          "role": "surface-1",
+          "value": "hsl(90 17% 98.5%)",
+          "hex": "#fbfcfb",
+          "source": "platform",
+          "note": null
+        },
+        {
+          "role": "surface-2",
+          "value": "hsl(100 11% 94.5%)",
+          "hex": "#f0f3ef",
+          "source": "platform",
+          "note": null
+        },
+        {
+          "role": "surface-3",
+          "value": "hsl(100 9% 88%)",
+          "hex": "#dfe3de",
+          "source": "platform",
+          "note": null
+        },
+        {
+          "role": "border-default",
+          "value": "hsl(212 49% 24% / 0.17)",
+          "hex": null,
+          "source": "platform",
+          "note": null
+        },
+        {
+          "role": "text-primary",
+          "value": "hsl(212 49% 22%)",
+          "hex": "#1d3654",
+          "source": "platform",
+          "note": null
+        },
+        {
+          "role": "text-secondary",
+          "value": "hsl(212 22% 32%)",
+          "hex": "#405064",
+          "source": "platform",
+          "note": null
+        },
+        {
+          "role": "text-muted",
+          "value": "hsl(212 14% 36%)",
+          "hex": "#4f5b69",
+          "source": "platform",
+          "note": null
+        },
+        {
+          "role": "accent",
+          "value": "hsl(26 90.5% 37.1%)",
+          "hex": "#b45309",
+          "source": "brand",
+          "note": "The Sovkora orange: primary actions, the active state, the sent bubble."
+        },
+        {
+          "role": "accent-hover",
+          "value": "hsl(26 90% 31%)",
+          "hex": "#964608",
+          "source": "brand",
+          "note": "The accent under the pointer."
+        },
+        {
+          "role": "accent-soft",
+          "value": "hsl(26 90.5% 37.1% / 0.08)",
+          "hex": null,
+          "source": "brand",
+          "note": "An orange wash behind an active item or a pipeline chip."
+        },
+        {
+          "role": "accent-text",
+          "value": "hsl(26 90% 32%)",
+          "hex": "#9b4808",
+          "source": "brand",
+          "note": "The orange as text: links, active labels — AA on every surface."
+        },
+        {
+          "role": "accent-2",
+          "value": "hsl(32 95% 33%)",
+          "hex": "#a45904",
+          "source": "brand",
+          "note": "The second stop of the buttons' gradient."
+        },
+        {
+          "role": "on-accent",
+          "value": "hsl(0 0% 100%)",
+          "hex": "#ffffff",
+          "source": "brand",
+          "note": "Text on the accent: near-black in dark, white in light."
+        },
+        {
+          "role": "ring",
+          "value": "hsl(26 90.5% 37.1%)",
+          "hex": "#b45309",
+          "source": "brand",
+          "note": "The focus ring, in the accent."
+        },
+        {
+          "role": "success",
+          "value": "hsl(160 84% 39%)",
+          "hex": "#10b77f",
+          "source": "platform",
+          "note": null
+        },
+        {
+          "role": "warning",
+          "value": "hsl(38 92% 50%)",
+          "hex": "#f59f0a",
+          "source": "platform",
+          "note": null
+        },
+        {
+          "role": "danger",
+          "value": "hsl(0 84% 60%)",
+          "hex": "#ef4343",
+          "source": "platform",
+          "note": null
+        },
+        {
+          "role": "info",
+          "value": "hsl(208 54% 36%)",
+          "hex": "#2a5f8d",
+          "source": "brand",
+          "note": "Blue, not orange: an orange \"info\" would read as a warning."
+        }
+      ],
+      "contrasts": [
+        {
+          "fg": "text-primary",
+          "bg": "surface-0",
+          "ratio": 11.31,
+          "min": 4.5
+        },
+        {
+          "fg": "text-secondary",
+          "bg": "surface-0",
+          "ratio": 7.58,
+          "min": 4.5
+        },
+        {
+          "fg": "text-muted",
+          "bg": "surface-0",
+          "ratio": 6.37,
+          "min": 3
+        },
+        {
+          "fg": "accent-text",
+          "bg": "surface-0",
+          "ratio": 5.81,
+          "min": 4.5
+        },
+        {
+          "fg": "text-primary",
+          "bg": "surface-1",
+          "ratio": 11.96,
+          "min": 4.5
+        },
+        {
+          "fg": "text-secondary",
+          "bg": "surface-1",
+          "ratio": 8.01,
+          "min": 4.5
+        },
+        {
+          "fg": "text-muted",
+          "bg": "surface-1",
+          "ratio": 6.73,
+          "min": 3
+        },
+        {
+          "fg": "accent-text",
+          "bg": "surface-1",
+          "ratio": 6.14,
+          "min": 4.5
+        },
+        {
+          "fg": "text-primary",
+          "bg": "surface-2",
+          "ratio": 10.99,
+          "min": 4.5
+        },
+        {
+          "fg": "text-secondary",
+          "bg": "surface-2",
+          "ratio": 7.36,
+          "min": 4.5
+        },
+        {
+          "fg": "text-muted",
+          "bg": "surface-2",
+          "ratio": 6.19,
+          "min": 3
+        },
+        {
+          "fg": "accent-text",
+          "bg": "surface-2",
+          "ratio": 5.65,
+          "min": 4.5
+        },
+        {
+          "fg": "text-primary",
+          "bg": "surface-3",
+          "ratio": 9.47,
+          "min": 4.5
+        },
+        {
+          "fg": "text-secondary",
+          "bg": "surface-3",
+          "ratio": 6.35,
+          "min": 4.5
+        },
+        {
+          "fg": "text-muted",
+          "bg": "surface-3",
+          "ratio": 5.33,
+          "min": 3
+        },
+        {
+          "fg": "accent-text",
+          "bg": "surface-3",
+          "ratio": 4.87,
+          "min": 4.5
+        },
+        {
+          "fg": "on-accent",
+          "bg": "accent",
+          "ratio": 5.02,
+          "min": 4.5
+        },
+        {
+          "fg": "on-accent",
+          "bg": "accent-hover",
+          "ratio": 6.61,
+          "min": 4.5
+        },
+        {
+          "fg": "on-accent",
+          "bg": "accent-2",
+          "ratio": 5.24,
+          "min": 4.5
+        },
+        {
+          "fg": "ring",
+          "bg": "surface-0",
+          "ratio": 4.62,
+          "min": 3
+        }
+      ]
+    }
+  },
+  "scope": {
+    "dark": {
+      "--kz-accent": "hsl(26 92% 55%)",
+      "--kz-accent-2": "hsl(37.7 92.1% 50.2%)",
+      "--kz-accent-hover": "hsl(26 92% 62%)",
+      "--kz-accent-soft": "hsl(26 92% 55% / 0.12)",
+      "--kz-accent-text": "hsl(26 92% 60%)",
+      "--kz-brand-gradient-from": "var(--kz-surface-0)",
+      "--kz-brand-gradient-to": "var(--kz-surface-0)",
+      "--kz-brand-gradient-via": "var(--kz-surface-0)",
+      "--kz-info": "hsl(207 50% 58%)",
+      "--kz-info-text": "hsl(206 58% 72%)",
+      "--kz-on-accent": "hsl(240 6% 5%)",
+      "--kz-ring": "var(--kz-accent)",
+      "--sovkora-grid-color": "hsl(0 0% 100% / 0.02)",
+      "--sovkora-accent-glow": "0 0 0 3px color-mix(in oklab, var(--kz-accent) 12%, transparent)",
+      "--sovkora-space-card": "clamp(1rem, 0.8rem + 0.8vw, 1.5rem)",
+      "--sovkora-space-section": "clamp(1.5rem, 1.2rem + 1.2vw, 2.5rem)"
+    },
+    "light": {
+      "--kz-accent": "hsl(26 90.5% 37.1%)",
+      "--kz-accent-2": "hsl(32 95% 33%)",
+      "--kz-accent-hover": "hsl(26 90% 31%)",
+      "--kz-accent-soft": "hsl(26 90.5% 37.1% / 0.08)",
+      "--kz-accent-text": "hsl(26 90% 32%)",
+      "--kz-brand-gradient-from": "var(--kz-surface-0)",
+      "--kz-brand-gradient-to": "var(--kz-surface-0)",
+      "--kz-brand-gradient-via": "var(--kz-surface-0)",
+      "--kz-info": "hsl(208 54% 36%)",
+      "--kz-info-text": "hsl(208 54% 33%)",
+      "--kz-on-accent": "hsl(0 0% 100%)",
+      "--kz-ring": "var(--kz-accent)",
+      "--sovkora-grid-color": "hsl(0 0% 100% / 0.02)",
+      "--sovkora-accent-glow": "0 0 0 3px color-mix(in oklab, var(--kz-accent) 12%, transparent)",
+      "--sovkora-space-card": "clamp(1rem, 0.8rem + 0.8vw, 1.5rem)",
+      "--sovkora-space-section": "clamp(1.5rem, 1.2rem + 1.2vw, 2.5rem)"
+    }
+  },
+  "namedThemes": [
+    {
+      "id": "electric",
+      "name": "Electric Blue",
+      "use": "The 2.x identity, kept for the users who chose it.",
+      "scheme": "dark",
+      "roles": [
+        {
+          "role": "surface-0",
+          "value": "hsl(240 6% 5%)",
+          "hex": "#0c0c0e",
+          "source": "kit",
+          "note": null
+        },
+        {
+          "role": "surface-1",
+          "value": "hsl(240 5% 9%)",
+          "hex": "#161618",
+          "source": "kit",
+          "note": null
+        },
+        {
+          "role": "surface-2",
+          "value": "hsl(240 5% 13%)",
+          "hex": "#1f1f23",
+          "source": "kit",
+          "note": null
+        },
+        {
+          "role": "surface-3",
+          "value": "hsl(240 4% 17%)",
+          "hex": "#2a2a2d",
+          "source": "kit",
+          "note": null
+        },
+        {
+          "role": "border-default",
+          "value": "hsl(0 0% 100% / 0.1)",
+          "hex": null,
+          "source": "kit",
+          "note": null
+        },
+        {
+          "role": "text-primary",
+          "value": "hsl(0 0% 96%)",
+          "hex": "#f5f5f5",
+          "source": "kit",
+          "note": null
+        },
+        {
+          "role": "text-secondary",
+          "value": "hsl(240 4% 64%)",
+          "hex": "#a0a0a7",
+          "source": "kit",
+          "note": null
+        },
+        {
+          "role": "text-muted",
+          "value": "hsl(240 4% 47%)",
+          "hex": "#73737d",
+          "source": "kit",
+          "note": null
+        },
+        {
+          "role": "accent",
+          "value": "hsl(217 92% 60%)",
+          "hex": "#3b83f7",
+          "source": "kit",
+          "note": null
+        },
+        {
+          "role": "accent-hover",
+          "value": "hsl(217 92% 66%)",
+          "hex": "#5996f8",
+          "source": "kit",
+          "note": null
+        },
+        {
+          "role": "accent-soft",
+          "value": "hsl(217 92% 60% / 0.12)",
+          "hex": null,
+          "source": "kit",
+          "note": null
+        },
+        {
+          "role": "accent-text",
+          "value": "hsl(217 92% 68%)",
+          "hex": "#629cf8",
+          "source": "kit",
+          "note": null
+        },
+        {
+          "role": "accent-2",
+          "value": "hsl(217 92% 60%)",
+          "hex": "#3b83f7",
+          "source": "kit",
+          "note": null
+        },
+        {
+          "role": "on-accent",
+          "value": "hsl(240 6% 5%)",
+          "hex": "#0c0c0e",
+          "source": "kit",
+          "note": null
+        },
+        {
+          "role": "ring",
+          "value": "hsl(217 92% 60%)",
+          "hex": "#3b83f7",
+          "source": "kit",
+          "note": null
+        },
+        {
+          "role": "success",
+          "value": "hsl(160 84% 39%)",
+          "hex": "#10b77f",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "warning",
+          "value": "hsl(38 92% 50%)",
+          "hex": "#f59f0a",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "danger",
+          "value": "hsl(0 84% 60%)",
+          "hex": "#ef4343",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "info",
+          "value": "hsl(217 92% 60%)",
+          "hex": "#3b83f7",
+          "source": "kit",
+          "note": null
+        }
+      ],
+      "contrasts": [
+        {
+          "fg": "text-primary",
+          "bg": "surface-0",
+          "ratio": 17.93,
+          "min": 4.5
+        },
+        {
+          "fg": "text-secondary",
+          "bg": "surface-0",
+          "ratio": 7.52,
+          "min": 4.5
+        },
+        {
+          "fg": "text-muted",
+          "bg": "surface-0",
+          "ratio": 4.17,
+          "min": 3
+        },
+        {
+          "fg": "accent-text",
+          "bg": "surface-0",
+          "ratio": 7.1,
+          "min": 4.5
+        },
+        {
+          "fg": "text-primary",
+          "bg": "surface-1",
+          "ratio": 16.58,
+          "min": 4.5
+        },
+        {
+          "fg": "text-secondary",
+          "bg": "surface-1",
+          "ratio": 6.95,
+          "min": 4.5
+        },
+        {
+          "fg": "text-muted",
+          "bg": "surface-1",
+          "ratio": 3.85,
+          "min": 3
+        },
+        {
+          "fg": "accent-text",
+          "bg": "surface-1",
+          "ratio": 6.57,
+          "min": 4.5
+        },
+        {
+          "fg": "text-primary",
+          "bg": "surface-2",
+          "ratio": 15.07,
+          "min": 4.5
+        },
+        {
+          "fg": "text-secondary",
+          "bg": "surface-2",
+          "ratio": 6.32,
+          "min": 4.5
+        },
+        {
+          "fg": "text-muted",
+          "bg": "surface-2",
+          "ratio": 3.5,
+          "min": 3
+        },
+        {
+          "fg": "accent-text",
+          "bg": "surface-2",
+          "ratio": 5.97,
+          "min": 4.5
+        },
+        {
+          "fg": "text-primary",
+          "bg": "surface-3",
+          "ratio": 13.13,
+          "min": 4.5
+        },
+        {
+          "fg": "text-secondary",
+          "bg": "surface-3",
+          "ratio": 5.51,
+          "min": 4.5
+        },
+        {
+          "fg": "text-muted",
+          "bg": "surface-3",
+          "ratio": 3.05,
+          "min": 3
+        },
+        {
+          "fg": "accent-text",
+          "bg": "surface-3",
+          "ratio": 5.2,
+          "min": 4.5
+        },
+        {
+          "fg": "on-accent",
+          "bg": "accent",
+          "ratio": 5.37,
+          "min": 4.5
+        },
+        {
+          "fg": "on-accent",
+          "bg": "accent-hover",
+          "ratio": 6.65,
+          "min": 4.5
+        },
+        {
+          "fg": "on-accent",
+          "bg": "accent-2",
+          "ratio": 5.37,
+          "min": 4.5
+        },
+        {
+          "fg": "ring",
+          "bg": "surface-0",
+          "ratio": 5.37,
+          "min": 3
+        }
+      ],
+      "scope": {
+        "--kz-surface-0": "hsl(240 6% 5%)",
+        "--kz-surface-1": "hsl(240 5% 9%)",
+        "--kz-surface-2": "hsl(240 5% 13%)",
+        "--kz-surface-3": "hsl(240 4% 17%)",
+        "--kz-border-subtle": "hsl(0 0% 100% / 0.06)",
+        "--kz-border-default": "hsl(0 0% 100% / 0.1)",
+        "--kz-border-strong": "hsl(0 0% 100% / 0.16)",
+        "--kz-text-primary": "hsl(0 0% 96%)",
+        "--kz-text-secondary": "hsl(240 4% 64%)",
+        "--kz-text-muted": "hsl(240 4% 47%)",
+        "--kz-accent": "hsl(217 92% 60%)",
+        "--kz-accent-hover": "hsl(217 92% 66%)",
+        "--kz-accent-soft": "hsl(217 92% 60% / 0.12)",
+        "--kz-accent-text": "hsl(217 92% 68%)",
+        "--kz-accent-2": "hsl(217 92% 60%)",
+        "--kz-on-accent": "hsl(240 6% 5%)",
+        "--kz-ring": "hsl(217 92% 60%)",
+        "--kz-info": "hsl(217 92% 60%)",
+        "--kz-brand-gradient-from": "hsl(222 45% 10%)",
+        "--kz-brand-gradient-via": "hsl(232 24% 7%)",
+        "--kz-brand-gradient-to": "hsl(240 6% 5%)",
+        "--sovkora-grid-color": "hsl(0 0% 100% / 0.02)"
+      }
+    },
+    {
+      "id": "custom",
+      "name": "Deep Violet",
+      "use": "A violet night theme.",
+      "scheme": "dark",
+      "roles": [
+        {
+          "role": "surface-0",
+          "value": "hsl(150 12% 9.5%)",
+          "hex": "#151b18",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "surface-1",
+          "value": "hsl(148 11% 11%)",
+          "hex": "#191f1c",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "surface-2",
+          "value": "hsl(148 10% 12.2%)",
+          "hex": "#1c221f",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "surface-3",
+          "value": "hsl(148 9% 16.5%)",
+          "hex": "#262e2a",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "border-default",
+          "value": "hsl(110 25% 92% / 0.12)",
+          "hex": null,
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "text-primary",
+          "value": "hsl(105 17% 93%)",
+          "hex": "#ecf0ea",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "text-secondary",
+          "value": "hsl(140 10% 76%)",
+          "hex": "#bcc8c0",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "text-muted",
+          "value": "hsl(140 8% 68%)",
+          "hex": "#a7b4ab",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "accent",
+          "value": "hsl(26 92% 55%)",
+          "hex": "#f67e23",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "accent-hover",
+          "value": "hsl(26 92% 62%)",
+          "hex": "#f79245",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "accent-soft",
+          "value": "hsl(26 92% 55% / 0.12)",
+          "hex": null,
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "accent-text",
+          "value": "hsl(26 92% 60%)",
+          "hex": "#f78c3b",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "accent-2",
+          "value": "hsl(37.7 92.1% 50.2%)",
+          "hex": "#f59e0b",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "on-accent",
+          "value": "hsl(240 6% 5%)",
+          "hex": "#0c0c0e",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "ring",
+          "value": "hsl(26 92% 55%)",
+          "hex": "#f67e23",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "success",
+          "value": "hsl(160 84% 39%)",
+          "hex": "#10b77f",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "warning",
+          "value": "hsl(38 92% 50%)",
+          "hex": "#f59f0a",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "danger",
+          "value": "hsl(0 84% 60%)",
+          "hex": "#ef4343",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "info",
+          "value": "hsl(207 50% 58%)",
+          "hex": "#5e99c9",
+          "source": "base",
+          "note": null
+        }
+      ],
+      "contrasts": [
+        {
+          "fg": "text-primary",
+          "bg": "surface-0",
+          "ratio": 15.16,
+          "min": 4.5
+        },
+        {
+          "fg": "text-secondary",
+          "bg": "surface-0",
+          "ratio": 10.12,
+          "min": 4.5
+        },
+        {
+          "fg": "text-muted",
+          "bg": "surface-0",
+          "ratio": 8.12,
+          "min": 3
+        },
+        {
+          "fg": "accent-text",
+          "bg": "surface-0",
+          "ratio": 7.3,
+          "min": 4.5
+        },
+        {
+          "fg": "text-primary",
+          "bg": "surface-1",
+          "ratio": 14.53,
+          "min": 4.5
+        },
+        {
+          "fg": "text-secondary",
+          "bg": "surface-1",
+          "ratio": 9.7,
+          "min": 4.5
+        },
+        {
+          "fg": "text-muted",
+          "bg": "surface-1",
+          "ratio": 7.78,
+          "min": 3
+        },
+        {
+          "fg": "accent-text",
+          "bg": "surface-1",
+          "ratio": 6.99,
+          "min": 4.5
+        },
+        {
+          "fg": "text-primary",
+          "bg": "surface-2",
+          "ratio": 14.04,
+          "min": 4.5
+        },
+        {
+          "fg": "text-secondary",
+          "bg": "surface-2",
+          "ratio": 9.37,
+          "min": 4.5
+        },
+        {
+          "fg": "text-muted",
+          "bg": "surface-2",
+          "ratio": 7.52,
+          "min": 3
+        },
+        {
+          "fg": "accent-text",
+          "bg": "surface-2",
+          "ratio": 6.76,
+          "min": 4.5
+        },
+        {
+          "fg": "text-primary",
+          "bg": "surface-3",
+          "ratio": 12.09,
+          "min": 4.5
+        },
+        {
+          "fg": "text-secondary",
+          "bg": "surface-3",
+          "ratio": 8.07,
+          "min": 4.5
+        },
+        {
+          "fg": "text-muted",
+          "bg": "surface-3",
+          "ratio": 6.48,
+          "min": 3
+        },
+        {
+          "fg": "accent-text",
+          "bg": "surface-3",
+          "ratio": 5.82,
+          "min": 4.5
+        },
+        {
+          "fg": "on-accent",
+          "bg": "accent",
+          "ratio": 7.38,
+          "min": 4.5
+        },
+        {
+          "fg": "on-accent",
+          "bg": "accent-hover",
+          "ratio": 8.52,
+          "min": 4.5
+        },
+        {
+          "fg": "on-accent",
+          "bg": "accent-2",
+          "ratio": 9.1,
+          "min": 4.5
+        },
+        {
+          "fg": "ring",
+          "bg": "surface-0",
+          "ratio": 6.6,
+          "min": 3
+        }
+      ],
+      "scope": {}
+    },
+    {
+      "id": "cyberpunk",
+      "name": "Neon Matrix",
+      "use": "Neon green text on violet black, magenta accent.",
+      "scheme": "dark",
+      "roles": [
+        {
+          "role": "surface-0",
+          "value": "hsl(150 12% 9.5%)",
+          "hex": "#151b18",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "surface-1",
+          "value": "hsl(148 11% 11%)",
+          "hex": "#191f1c",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "surface-2",
+          "value": "hsl(148 10% 12.2%)",
+          "hex": "#1c221f",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "surface-3",
+          "value": "hsl(148 9% 16.5%)",
+          "hex": "#262e2a",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "border-default",
+          "value": "hsl(110 25% 92% / 0.12)",
+          "hex": null,
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "text-primary",
+          "value": "hsl(105 17% 93%)",
+          "hex": "#ecf0ea",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "text-secondary",
+          "value": "hsl(140 10% 76%)",
+          "hex": "#bcc8c0",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "text-muted",
+          "value": "hsl(140 8% 68%)",
+          "hex": "#a7b4ab",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "accent",
+          "value": "hsl(26 92% 55%)",
+          "hex": "#f67e23",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "accent-hover",
+          "value": "hsl(26 92% 62%)",
+          "hex": "#f79245",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "accent-soft",
+          "value": "hsl(26 92% 55% / 0.12)",
+          "hex": null,
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "accent-text",
+          "value": "hsl(26 92% 60%)",
+          "hex": "#f78c3b",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "accent-2",
+          "value": "hsl(37.7 92.1% 50.2%)",
+          "hex": "#f59e0b",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "on-accent",
+          "value": "hsl(240 6% 5%)",
+          "hex": "#0c0c0e",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "ring",
+          "value": "hsl(26 92% 55%)",
+          "hex": "#f67e23",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "success",
+          "value": "hsl(160 84% 39%)",
+          "hex": "#10b77f",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "warning",
+          "value": "hsl(38 92% 50%)",
+          "hex": "#f59f0a",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "danger",
+          "value": "hsl(0 84% 60%)",
+          "hex": "#ef4343",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "info",
+          "value": "hsl(207 50% 58%)",
+          "hex": "#5e99c9",
+          "source": "base",
+          "note": null
+        }
+      ],
+      "contrasts": [
+        {
+          "fg": "text-primary",
+          "bg": "surface-0",
+          "ratio": 15.16,
+          "min": 4.5
+        },
+        {
+          "fg": "text-secondary",
+          "bg": "surface-0",
+          "ratio": 10.12,
+          "min": 4.5
+        },
+        {
+          "fg": "text-muted",
+          "bg": "surface-0",
+          "ratio": 8.12,
+          "min": 3
+        },
+        {
+          "fg": "accent-text",
+          "bg": "surface-0",
+          "ratio": 7.3,
+          "min": 4.5
+        },
+        {
+          "fg": "text-primary",
+          "bg": "surface-1",
+          "ratio": 14.53,
+          "min": 4.5
+        },
+        {
+          "fg": "text-secondary",
+          "bg": "surface-1",
+          "ratio": 9.7,
+          "min": 4.5
+        },
+        {
+          "fg": "text-muted",
+          "bg": "surface-1",
+          "ratio": 7.78,
+          "min": 3
+        },
+        {
+          "fg": "accent-text",
+          "bg": "surface-1",
+          "ratio": 6.99,
+          "min": 4.5
+        },
+        {
+          "fg": "text-primary",
+          "bg": "surface-2",
+          "ratio": 14.04,
+          "min": 4.5
+        },
+        {
+          "fg": "text-secondary",
+          "bg": "surface-2",
+          "ratio": 9.37,
+          "min": 4.5
+        },
+        {
+          "fg": "text-muted",
+          "bg": "surface-2",
+          "ratio": 7.52,
+          "min": 3
+        },
+        {
+          "fg": "accent-text",
+          "bg": "surface-2",
+          "ratio": 6.76,
+          "min": 4.5
+        },
+        {
+          "fg": "text-primary",
+          "bg": "surface-3",
+          "ratio": 12.09,
+          "min": 4.5
+        },
+        {
+          "fg": "text-secondary",
+          "bg": "surface-3",
+          "ratio": 8.07,
+          "min": 4.5
+        },
+        {
+          "fg": "text-muted",
+          "bg": "surface-3",
+          "ratio": 6.48,
+          "min": 3
+        },
+        {
+          "fg": "accent-text",
+          "bg": "surface-3",
+          "ratio": 5.82,
+          "min": 4.5
+        },
+        {
+          "fg": "on-accent",
+          "bg": "accent",
+          "ratio": 7.38,
+          "min": 4.5
+        },
+        {
+          "fg": "on-accent",
+          "bg": "accent-hover",
+          "ratio": 8.52,
+          "min": 4.5
+        },
+        {
+          "fg": "on-accent",
+          "bg": "accent-2",
+          "ratio": 9.1,
+          "min": 4.5
+        },
+        {
+          "fg": "ring",
+          "bg": "surface-0",
+          "ratio": 6.6,
+          "min": 3
+        }
+      ],
+      "scope": {}
+    },
+    {
+      "id": "solarized",
+      "name": "Warm Parchment",
+      "use": "A light theme on parchment surfaces.",
+      "scheme": "light",
+      "roles": [
+        {
+          "role": "surface-0",
+          "value": "hsl(100 14% 96%)",
+          "hex": "#f4f6f3",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "surface-1",
+          "value": "hsl(90 17% 98.5%)",
+          "hex": "#fbfcfb",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "surface-2",
+          "value": "hsl(100 11% 94.5%)",
+          "hex": "#f0f3ef",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "surface-3",
+          "value": "hsl(100 9% 88%)",
+          "hex": "#dfe3de",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "border-default",
+          "value": "hsl(212 49% 24% / 0.17)",
+          "hex": null,
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "text-primary",
+          "value": "hsl(212 49% 22%)",
+          "hex": "#1d3654",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "text-secondary",
+          "value": "hsl(212 22% 32%)",
+          "hex": "#405064",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "text-muted",
+          "value": "hsl(212 14% 36%)",
+          "hex": "#4f5b69",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "accent",
+          "value": "hsl(26 90.5% 37.1%)",
+          "hex": "#b45309",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "accent-hover",
+          "value": "hsl(26 90% 31%)",
+          "hex": "#964608",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "accent-soft",
+          "value": "hsl(26 90.5% 37.1% / 0.08)",
+          "hex": null,
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "accent-text",
+          "value": "hsl(26 90% 32%)",
+          "hex": "#9b4808",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "accent-2",
+          "value": "hsl(32 95% 33%)",
+          "hex": "#a45904",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "on-accent",
+          "value": "hsl(0 0% 100%)",
+          "hex": "#ffffff",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "ring",
+          "value": "hsl(26 90.5% 37.1%)",
+          "hex": "#b45309",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "success",
+          "value": "hsl(160 84% 39%)",
+          "hex": "#10b77f",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "warning",
+          "value": "hsl(38 92% 50%)",
+          "hex": "#f59f0a",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "danger",
+          "value": "hsl(0 84% 60%)",
+          "hex": "#ef4343",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "info",
+          "value": "hsl(208 54% 36%)",
+          "hex": "#2a5f8d",
+          "source": "base",
+          "note": null
+        }
+      ],
+      "contrasts": [
+        {
+          "fg": "text-primary",
+          "bg": "surface-0",
+          "ratio": 11.31,
+          "min": 4.5
+        },
+        {
+          "fg": "text-secondary",
+          "bg": "surface-0",
+          "ratio": 7.58,
+          "min": 4.5
+        },
+        {
+          "fg": "text-muted",
+          "bg": "surface-0",
+          "ratio": 6.37,
+          "min": 3
+        },
+        {
+          "fg": "accent-text",
+          "bg": "surface-0",
+          "ratio": 5.81,
+          "min": 4.5
+        },
+        {
+          "fg": "text-primary",
+          "bg": "surface-1",
+          "ratio": 11.96,
+          "min": 4.5
+        },
+        {
+          "fg": "text-secondary",
+          "bg": "surface-1",
+          "ratio": 8.01,
+          "min": 4.5
+        },
+        {
+          "fg": "text-muted",
+          "bg": "surface-1",
+          "ratio": 6.73,
+          "min": 3
+        },
+        {
+          "fg": "accent-text",
+          "bg": "surface-1",
+          "ratio": 6.14,
+          "min": 4.5
+        },
+        {
+          "fg": "text-primary",
+          "bg": "surface-2",
+          "ratio": 10.99,
+          "min": 4.5
+        },
+        {
+          "fg": "text-secondary",
+          "bg": "surface-2",
+          "ratio": 7.36,
+          "min": 4.5
+        },
+        {
+          "fg": "text-muted",
+          "bg": "surface-2",
+          "ratio": 6.19,
+          "min": 3
+        },
+        {
+          "fg": "accent-text",
+          "bg": "surface-2",
+          "ratio": 5.65,
+          "min": 4.5
+        },
+        {
+          "fg": "text-primary",
+          "bg": "surface-3",
+          "ratio": 9.47,
+          "min": 4.5
+        },
+        {
+          "fg": "text-secondary",
+          "bg": "surface-3",
+          "ratio": 6.35,
+          "min": 4.5
+        },
+        {
+          "fg": "text-muted",
+          "bg": "surface-3",
+          "ratio": 5.33,
+          "min": 3
+        },
+        {
+          "fg": "accent-text",
+          "bg": "surface-3",
+          "ratio": 4.87,
+          "min": 4.5
+        },
+        {
+          "fg": "on-accent",
+          "bg": "accent",
+          "ratio": 5.02,
+          "min": 4.5
+        },
+        {
+          "fg": "on-accent",
+          "bg": "accent-hover",
+          "ratio": 6.61,
+          "min": 4.5
+        },
+        {
+          "fg": "on-accent",
+          "bg": "accent-2",
+          "ratio": 5.24,
+          "min": 4.5
+        },
+        {
+          "fg": "ring",
+          "bg": "surface-0",
+          "ratio": 4.62,
+          "min": 3
+        }
+      ],
+      "scope": {}
+    },
+    {
+      "id": "krizaka",
+      "name": "Obsidian Razor",
+      "use": "Pitch-black surfaces, zero radius, a cold-steel accent.",
+      "scheme": "dark",
+      "roles": [
+        {
+          "role": "surface-0",
+          "value": "hsl(150 12% 9.5%)",
+          "hex": "#151b18",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "surface-1",
+          "value": "hsl(148 11% 11%)",
+          "hex": "#191f1c",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "surface-2",
+          "value": "hsl(148 10% 12.2%)",
+          "hex": "#1c221f",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "surface-3",
+          "value": "hsl(148 9% 16.5%)",
+          "hex": "#262e2a",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "border-default",
+          "value": "hsl(110 25% 92% / 0.12)",
+          "hex": null,
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "text-primary",
+          "value": "hsl(105 17% 93%)",
+          "hex": "#ecf0ea",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "text-secondary",
+          "value": "hsl(140 10% 76%)",
+          "hex": "#bcc8c0",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "text-muted",
+          "value": "hsl(140 8% 68%)",
+          "hex": "#a7b4ab",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "accent",
+          "value": "hsl(26 92% 55%)",
+          "hex": "#f67e23",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "accent-hover",
+          "value": "hsl(26 92% 62%)",
+          "hex": "#f79245",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "accent-soft",
+          "value": "hsl(26 92% 55% / 0.12)",
+          "hex": null,
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "accent-text",
+          "value": "hsl(26 92% 60%)",
+          "hex": "#f78c3b",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "accent-2",
+          "value": "hsl(37.7 92.1% 50.2%)",
+          "hex": "#f59e0b",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "on-accent",
+          "value": "hsl(240 6% 5%)",
+          "hex": "#0c0c0e",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "ring",
+          "value": "hsl(26 92% 55%)",
+          "hex": "#f67e23",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "success",
+          "value": "hsl(160 84% 39%)",
+          "hex": "#10b77f",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "warning",
+          "value": "hsl(38 92% 50%)",
+          "hex": "#f59f0a",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "danger",
+          "value": "hsl(0 84% 60%)",
+          "hex": "#ef4343",
+          "source": "base",
+          "note": null
+        },
+        {
+          "role": "info",
+          "value": "hsl(207 50% 58%)",
+          "hex": "#5e99c9",
+          "source": "base",
+          "note": null
+        }
+      ],
+      "contrasts": [
+        {
+          "fg": "text-primary",
+          "bg": "surface-0",
+          "ratio": 15.16,
+          "min": 4.5
+        },
+        {
+          "fg": "text-secondary",
+          "bg": "surface-0",
+          "ratio": 10.12,
+          "min": 4.5
+        },
+        {
+          "fg": "text-muted",
+          "bg": "surface-0",
+          "ratio": 8.12,
+          "min": 3
+        },
+        {
+          "fg": "accent-text",
+          "bg": "surface-0",
+          "ratio": 7.3,
+          "min": 4.5
+        },
+        {
+          "fg": "text-primary",
+          "bg": "surface-1",
+          "ratio": 14.53,
+          "min": 4.5
+        },
+        {
+          "fg": "text-secondary",
+          "bg": "surface-1",
+          "ratio": 9.7,
+          "min": 4.5
+        },
+        {
+          "fg": "text-muted",
+          "bg": "surface-1",
+          "ratio": 7.78,
+          "min": 3
+        },
+        {
+          "fg": "accent-text",
+          "bg": "surface-1",
+          "ratio": 6.99,
+          "min": 4.5
+        },
+        {
+          "fg": "text-primary",
+          "bg": "surface-2",
+          "ratio": 14.04,
+          "min": 4.5
+        },
+        {
+          "fg": "text-secondary",
+          "bg": "surface-2",
+          "ratio": 9.37,
+          "min": 4.5
+        },
+        {
+          "fg": "text-muted",
+          "bg": "surface-2",
+          "ratio": 7.52,
+          "min": 3
+        },
+        {
+          "fg": "accent-text",
+          "bg": "surface-2",
+          "ratio": 6.76,
+          "min": 4.5
+        },
+        {
+          "fg": "text-primary",
+          "bg": "surface-3",
+          "ratio": 12.09,
+          "min": 4.5
+        },
+        {
+          "fg": "text-secondary",
+          "bg": "surface-3",
+          "ratio": 8.07,
+          "min": 4.5
+        },
+        {
+          "fg": "text-muted",
+          "bg": "surface-3",
+          "ratio": 6.48,
+          "min": 3
+        },
+        {
+          "fg": "accent-text",
+          "bg": "surface-3",
+          "ratio": 5.82,
+          "min": 4.5
+        },
+        {
+          "fg": "on-accent",
+          "bg": "accent",
+          "ratio": 7.38,
+          "min": 4.5
+        },
+        {
+          "fg": "on-accent",
+          "bg": "accent-hover",
+          "ratio": 8.52,
+          "min": 4.5
+        },
+        {
+          "fg": "on-accent",
+          "bg": "accent-2",
+          "ratio": 9.1,
+          "min": 4.5
+        },
+        {
+          "fg": "ring",
+          "bg": "surface-0",
+          "ratio": 6.6,
+          "min": 3
+        }
+      ],
+      "scope": {}
+    }
+  ],
+  "typeScale": [
+    {
+      "name": "--text-xs",
+      "value": "clamp(0.6875rem, 0.65rem + 0.15vw, 0.75rem)"
+    },
+    {
+      "name": "--text-sm",
+      "value": "clamp(0.8125rem, 0.77rem + 0.18vw, 0.875rem)"
+    },
+    {
+      "name": "--text-base",
+      "value": "clamp(0.875rem, 0.83rem + 0.2vw, 1rem)"
+    },
+    {
+      "name": "--text-lg",
+      "value": "clamp(1.125rem, 1.05rem + 0.3vw, 1.25rem)"
+    },
+    {
+      "name": "--text-xl",
+      "value": "clamp(1.5rem, 1.3rem + 0.8vw, 2rem)"
+    },
+    {
+      "name": "--text-2xl",
+      "value": "clamp(1.75rem, 1.5rem + 1vw, 2.5rem)"
+    },
+    {
+      "name": "--text-display",
+      "value": "clamp(2rem, 1.6rem + 1.6vw, 3rem)"
+    }
+  ],
+  "productTokens": [
+    {
+      "name": "--sovkora-grid-color",
+      "value": "hsl(0 0% 100% / 0.02)",
+      "description": "The faint grid behind the console and the landing sections."
+    },
+    {
+      "name": "--sovkora-accent-glow",
+      "value": "0 0 0 3px color-mix(in oklab, var(--kz-accent) 12%, transparent)",
+      "description": "The soft accent halo around a focused composer or card."
+    },
+    {
+      "name": "--sovkora-space-card",
+      "value": "clamp(1rem, 0.8rem + 0.8vw, 1.5rem)",
+      "description": "The fluid padding of a card."
+    },
+    {
+      "name": "--sovkora-space-section",
+      "value": "clamp(1.5rem, 1.2rem + 1.2vw, 2.5rem)",
+      "description": "The fluid gap between sections."
+    }
+  ],
+  "typography": [
+    {
+      "role": "Display",
+      "family": "Outfit",
+      "token": "--kz-font-display",
+      "use": "Headings and figures (`h1`, `h2`, `.text-display`) — Krizaka Display when the app loads it."
+    },
+    {
+      "role": "Body",
+      "family": "Inter",
+      "token": "--kz-font-sans",
+      "use": "Interface and reading text."
+    },
+    {
+      "role": "Mono",
+      "family": "JetBrains Mono",
+      "token": "--kz-font-mono",
+      "use": "Data tables, console nodes, prompt streams, model names."
+    }
+  ],
+  "icons": [
+    {
+      "name": "SovkoraLogo",
+      "from": "@krizaka/ui",
+      "use": "The brand mark, in the brand's orange — never a placeholder icon."
+    },
+    {
+      "name": "Icon",
+      "from": "@krizaka/sovkora-design-system",
+      "use": "The icon registry: every icon of an Sovkora screen, one typed name per concept; no app imports an icon library."
+    },
+    {
+      "name": "SentinelMini",
+      "from": "@krizaka/sovkora-design-system",
+      "use": "The Sentinel, the guardian of the pipeline, at 24 px."
+    }
+  ],
+  "rules": [
+    {
+      "title": "Sovereign by design",
+      "text": "Local-first: AI inference runs on the organisation's machines, never in an unsolicited cloud; no network dependency is introduced without being asked. The showcases say it: answered locally, nothing left the network.",
+      "source": {
+        "label": "Sovkora AGENTS.md §0 and §13",
+        "url": "https://github.com/krizaka/sovkora/blob/main/AGENTS.md"
+      }
+    },
+    {
+      "title": "The browser never reaches the engine",
+      "text": "A web page never calls the router or the model runtime directly: all browser traffic goes through the app's server routes (the BFF).",
+      "source": {
+        "label": "Sovkora AGENTS.md §8",
+        "url": "https://github.com/krizaka/sovkora/blob/main/AGENTS.md"
+      }
+    },
+    {
+      "title": "A persona, not an admin",
+      "text": "Examples, showcases and recordings speak as a named person with a real need (Eric, finance lead), in a fictional but believable workspace — never an admin account or an internal label.",
+      "source": {
+        "label": "sovkora-design-system AGENTS.md",
+        "url": "https://github.com/krizaka/krizaka-ui/blob/main/packages/sovkora-design-system/AGENTS.md"
+      }
+    },
+    {
+      "title": "Input locks while the engine works",
+      "text": "Text entry surfaces lock while sending or generating: textareas, menus, attachments and submit buttons are disabled (ERR-126).",
+      "source": {
+        "label": "ui_standards §5",
+        "url": "https://github.com/krizaka/sovkora/blob/main/.agent/rules/ui_standards.md"
+      }
+    },
+    {
+      "title": "Every state, every size",
+      "text": "Every interactive element has hover, active, focus and disabled states; mobile-first layouts with touch targets of at least 44 px; an `aria-label` on every icon-only button.",
+      "source": {
+        "label": "ui_standards §1 and §3",
+        "url": "https://github.com/krizaka/sovkora/blob/main/.agent/rules/ui_standards.md"
+      }
+    },
+    {
+      "title": "No hard-coded words or colours",
+      "text": "No JSX text: every string comes from the translation dictionary (room for +30 % in French). Colours are roles: no inline hex, no palette class.",
+      "source": {
+        "label": "ui_standards §1 and §3",
+        "url": "https://github.com/krizaka/sovkora/blob/main/.agent/rules/ui_standards.md"
+      }
+    }
+  ],
+  "native": {
+    "summary": "The mobile app has its own React Native components and takes the same tokens from `@krizaka/sovkora-shared` — the Sovkora orange of @krizaka/tokens/native.",
+    "code": "import { themes, tokens } from \"@krizaka/sovkora-shared\";\n\nconst t = themes[colorScheme === \"light\" ? \"light\" : \"dark\"];\n// t.accent, t.surface1, t.textPrimary…"
+  }
+}