@junoput01/junoui 0.2.0

package/dist/json/tokens.json

@@ -0,0 +1,921 @@
+{
+  "color": {
+    "colorblind": {
+      "dark": {
+        "nominal": {
+          "$value": "#78A9FF",
+          "$type": "color",
+          "$description": "Normal / OK state. Nominal readings, confirmed-good, success."
+        },
+        "active": {
+          "$value": "#BE95FF",
+          "$type": "color",
+          "$description": "Selected / active mode, armed state, focus rings, live status."
+        },
+        "target": {
+          "$value": "#FF7EB6",
+          "$type": "color",
+          "$description": "Managed / computed goal, automated set-point. Use sparingly."
+        },
+        "caution": {
+          "$value": "#F1C21B",
+          "$type": "color",
+          "$description": "Abnormal but not critical. Approaching limits, degraded, watch."
+        },
+        "warning": {
+          "$value": "#FF832B",
+          "$type": "color",
+          "$description": "Limit exceeded / critical. Immediate action. Reserve strictly."
+        },
+        "data": {
+          "$value": "oklch(93% 0.008 85)",
+          "$type": "color",
+          "$description": "Primary numeric readouts and live values. Brightest text."
+        },
+        "label": {
+          "$value": "oklch(63% 0.012 85)",
+          "$type": "color",
+          "$description": "Labels, units, helper and secondary text. Never for values."
+        },
+        "muted": {
+          "$value": "oklch(48.5% 0.010 85)",
+          "$type": "color",
+          "$description": "Disabled, placeholder, decorative separators. No meaning."
+        },
+        "border": {
+          "$value": "oklch(30% 0.012 85)",
+          "$type": "color",
+          "$description": "Hairline borders and dividers."
+        },
+        "s0": {
+          "$value": "oklch(11% 0.010 85)",
+          "$type": "color",
+          "$description": "Surface — base background."
+        },
+        "s1": {
+          "$value": "oklch(15% 0.012 85)",
+          "$type": "color",
+          "$description": "Surface — panel background."
+        },
+        "s2": {
+          "$value": "oklch(19% 0.012 85)",
+          "$type": "color",
+          "$description": "Surface — elevated card."
+        },
+        "s3": {
+          "$value": "oklch(24% 0.012 85)",
+          "$type": "color",
+          "$description": "Surface — selected / overlay."
+        },
+        "data-dim": {
+          "$value": "oklch(38% 0.010 85)",
+          "$type": "color",
+          "$description": "Faint metadata — timestamps, tick labels. Decorative; sits below muted."
+        },
+        "border-strong": {
+          "$value": "oklch(40% 0.012 85)",
+          "$type": "color",
+          "$description": "Divider / stronger rule — heavier than the hairline border."
+        }
+      },
+      "light": {
+        "nominal": {
+          "$value": "#0043CE",
+          "$type": "color",
+          "$description": "Normal / OK state. Nominal readings, confirmed-good, success."
+        },
+        "active": {
+          "$value": "#6929C4",
+          "$type": "color",
+          "$description": "Selected / active mode, armed state, focus rings, live status."
+        },
+        "target": {
+          "$value": "#9F1853",
+          "$type": "color",
+          "$description": "Managed / computed goal, automated set-point. Use sparingly."
+        },
+        "caution": {
+          "$value": "#7D4F00",
+          "$type": "color",
+          "$description": "Abnormal but not critical. Approaching limits, degraded, watch."
+        },
+        "warning": {
+          "$value": "#BA4300",
+          "$type": "color",
+          "$description": "Limit exceeded / critical. Immediate action. Reserve strictly."
+        },
+        "data": {
+          "$value": "oklch(14% 0.008 85)",
+          "$type": "color",
+          "$description": "Primary numeric readouts and live values. Brightest text."
+        },
+        "label": {
+          "$value": "oklch(42% 0.010 85)",
+          "$type": "color",
+          "$description": "Labels, units, helper and secondary text. Never for values."
+        },
+        "muted": {
+          "$value": "oklch(63% 0.008 85)",
+          "$type": "color",
+          "$description": "Disabled, placeholder, decorative separators. No meaning."
+        },
+        "border": {
+          "$value": "oklch(82% 0.010 85)",
+          "$type": "color",
+          "$description": "Hairline borders and dividers."
+        },
+        "s0": {
+          "$value": "oklch(97% 0.008 85)",
+          "$type": "color",
+          "$description": "Surface — base background."
+        },
+        "s1": {
+          "$value": "oklch(93% 0.010 85)",
+          "$type": "color",
+          "$description": "Surface — panel background."
+        },
+        "s2": {
+          "$value": "oklch(89% 0.010 85)",
+          "$type": "color",
+          "$description": "Surface — elevated card."
+        },
+        "s3": {
+          "$value": "oklch(85% 0.010 85)",
+          "$type": "color",
+          "$description": "Surface — selected / overlay."
+        },
+        "data-dim": {
+          "$value": "oklch(70% 0.008 85)",
+          "$type": "color",
+          "$description": "Faint metadata — timestamps, tick labels. Decorative; sits below muted."
+        },
+        "border-strong": {
+          "$value": "oklch(74% 0.010 85)",
+          "$type": "color",
+          "$description": "Divider / stronger rule — heavier than the hairline border."
+        }
+      }
+    },
+    "soft": {
+      "dark": {
+        "nominal": {
+          "$value": "oklch(63% 0.13 155)",
+          "$type": "color",
+          "$description": "Normal / OK state. Nominal readings, confirmed-good, success."
+        },
+        "active": {
+          "$value": "oklch(67% 0.12 210)",
+          "$type": "color",
+          "$description": "Selected / active mode, armed state, focus rings, live status."
+        },
+        "target": {
+          "$value": "oklch(58% 0.14 318)",
+          "$type": "color",
+          "$description": "Managed / computed goal, automated set-point. Use sparingly."
+        },
+        "caution": {
+          "$value": "oklch(72% 0.12 75)",
+          "$type": "color",
+          "$description": "Abnormal but not critical. Approaching limits, degraded, watch."
+        },
+        "warning": {
+          "$value": "oklch(62% 0.15 30)",
+          "$type": "color",
+          "$description": "Limit exceeded / critical. Immediate action. Reserve strictly."
+        },
+        "data": {
+          "$value": "oklch(90% 0.008 88)",
+          "$type": "color",
+          "$description": "Primary numeric readouts and live values. Brightest text."
+        },
+        "label": {
+          "$value": "oklch(63% 0.010 88)",
+          "$type": "color",
+          "$description": "Labels, units, helper and secondary text. Never for values."
+        },
+        "muted": {
+          "$value": "oklch(48.5% 0.010 88)",
+          "$type": "color",
+          "$description": "Disabled, placeholder, decorative separators. No meaning."
+        },
+        "border": {
+          "$value": "oklch(31% 0.010 88)",
+          "$type": "color",
+          "$description": "Hairline borders and dividers."
+        },
+        "s0": {
+          "$value": "oklch(12% 0.012 88)",
+          "$type": "color",
+          "$description": "Surface — base background."
+        },
+        "s1": {
+          "$value": "oklch(16% 0.012 88)",
+          "$type": "color",
+          "$description": "Surface — panel background."
+        },
+        "s2": {
+          "$value": "oklch(20% 0.012 88)",
+          "$type": "color",
+          "$description": "Surface — elevated card."
+        },
+        "s3": {
+          "$value": "oklch(25% 0.012 88)",
+          "$type": "color",
+          "$description": "Surface — selected / overlay."
+        },
+        "data-dim": {
+          "$value": "oklch(39% 0.010 88)",
+          "$type": "color",
+          "$description": "Faint metadata — timestamps, tick labels. Decorative; sits below muted."
+        },
+        "border-strong": {
+          "$value": "oklch(41% 0.010 88)",
+          "$type": "color",
+          "$description": "Divider / stronger rule — heavier than the hairline border."
+        }
+      },
+      "light": {
+        "nominal": {
+          "$value": "oklch(40% 0.11 155)",
+          "$type": "color",
+          "$description": "Normal / OK state. Nominal readings, confirmed-good, success."
+        },
+        "active": {
+          "$value": "oklch(44% 0.11 210)",
+          "$type": "color",
+          "$description": "Selected / active mode, armed state, focus rings, live status."
+        },
+        "target": {
+          "$value": "oklch(42% 0.12 318)",
+          "$type": "color",
+          "$description": "Managed / computed goal, automated set-point. Use sparingly."
+        },
+        "caution": {
+          "$value": "oklch(50% 0.12 75)",
+          "$type": "color",
+          "$description": "Abnormal but not critical. Approaching limits, degraded, watch."
+        },
+        "warning": {
+          "$value": "oklch(42% 0.13 30)",
+          "$type": "color",
+          "$description": "Limit exceeded / critical. Immediate action. Reserve strictly."
+        },
+        "data": {
+          "$value": "oklch(14% 0.008 88)",
+          "$type": "color",
+          "$description": "Primary numeric readouts and live values. Brightest text."
+        },
+        "label": {
+          "$value": "oklch(44% 0.010 88)",
+          "$type": "color",
+          "$description": "Labels, units, helper and secondary text. Never for values."
+        },
+        "muted": {
+          "$value": "oklch(62.5% 0.008 88)",
+          "$type": "color",
+          "$description": "Disabled, placeholder, decorative separators. No meaning."
+        },
+        "border": {
+          "$value": "oklch(84% 0.010 88)",
+          "$type": "color",
+          "$description": "Hairline borders and dividers."
+        },
+        "s0": {
+          "$value": "oklch(96% 0.010 88)",
+          "$type": "color",
+          "$description": "Surface — base background."
+        },
+        "s1": {
+          "$value": "oklch(92% 0.010 88)",
+          "$type": "color",
+          "$description": "Surface — panel background."
+        },
+        "s2": {
+          "$value": "oklch(88% 0.010 88)",
+          "$type": "color",
+          "$description": "Surface — elevated card."
+        },
+        "s3": {
+          "$value": "oklch(84% 0.010 88)",
+          "$type": "color",
+          "$description": "Surface — selected / overlay."
+        },
+        "data-dim": {
+          "$value": "oklch(69% 0.008 88)",
+          "$type": "color",
+          "$description": "Faint metadata — timestamps, tick labels. Decorative; sits below muted."
+        },
+        "border-strong": {
+          "$value": "oklch(76% 0.010 88)",
+          "$type": "color",
+          "$description": "Divider / stronger rule — heavier than the hairline border."
+        }
+      }
+    },
+    "standard": {
+      "dark": {
+        "nominal": {
+          "$value": "oklch(73% 0.22 148)",
+          "$type": "color",
+          "$description": "Normal / OK state. Nominal readings, confirmed-good, success."
+        },
+        "active": {
+          "$value": "oklch(76% 0.16 204)",
+          "$type": "color",
+          "$description": "Selected / active mode, armed state, focus rings, live status."
+        },
+        "target": {
+          "$value": "oklch(65% 0.26 324)",
+          "$type": "color",
+          "$description": "Managed / computed goal, automated set-point. Use sparingly."
+        },
+        "caution": {
+          "$value": "oklch(77% 0.17 73)",
+          "$type": "color",
+          "$description": "Abnormal but not critical. Approaching limits, degraded, watch."
+        },
+        "warning": {
+          "$value": "oklch(63% 0.22 28)",
+          "$type": "color",
+          "$description": "Limit exceeded / critical. Immediate action. Reserve strictly."
+        },
+        "data": {
+          "$value": "oklch(93% 0.008 85)",
+          "$type": "color",
+          "$description": "Primary numeric readouts and live values. Brightest text."
+        },
+        "label": {
+          "$value": "oklch(63% 0.012 85)",
+          "$type": "color",
+          "$description": "Labels, units, helper and secondary text. Never for values."
+        },
+        "muted": {
+          "$value": "oklch(48.5% 0.010 85)",
+          "$type": "color",
+          "$description": "Disabled, placeholder, decorative separators. No meaning."
+        },
+        "border": {
+          "$value": "oklch(30% 0.012 85)",
+          "$type": "color",
+          "$description": "Hairline borders and dividers."
+        },
+        "s0": {
+          "$value": "oklch(11% 0.010 85)",
+          "$type": "color",
+          "$description": "Surface — base background."
+        },
+        "s1": {
+          "$value": "oklch(15% 0.012 85)",
+          "$type": "color",
+          "$description": "Surface — panel background."
+        },
+        "s2": {
+          "$value": "oklch(19% 0.012 85)",
+          "$type": "color",
+          "$description": "Surface — elevated card."
+        },
+        "s3": {
+          "$value": "oklch(24% 0.012 85)",
+          "$type": "color",
+          "$description": "Surface — selected / overlay."
+        },
+        "data-dim": {
+          "$value": "oklch(38% 0.010 85)",
+          "$type": "color",
+          "$description": "Faint metadata — timestamps, tick labels. Decorative; sits below muted."
+        },
+        "border-strong": {
+          "$value": "oklch(40% 0.012 85)",
+          "$type": "color",
+          "$description": "Divider / stronger rule — heavier than the hairline border."
+        }
+      },
+      "light": {
+        "nominal": {
+          "$value": "oklch(42% 0.18 148)",
+          "$type": "color",
+          "$description": "Normal / OK state. Nominal readings, confirmed-good, success."
+        },
+        "active": {
+          "$value": "oklch(47% 0.16 220)",
+          "$type": "color",
+          "$description": "Selected / active mode, armed state, focus rings, live status."
+        },
+        "target": {
+          "$value": "oklch(45% 0.22 324)",
+          "$type": "color",
+          "$description": "Managed / computed goal, automated set-point. Use sparingly."
+        },
+        "caution": {
+          "$value": "oklch(50% 0.17 73)",
+          "$type": "color",
+          "$description": "Abnormal but not critical. Approaching limits, degraded, watch."
+        },
+        "warning": {
+          "$value": "oklch(42% 0.21 26)",
+          "$type": "color",
+          "$description": "Limit exceeded / critical. Immediate action. Reserve strictly."
+        },
+        "data": {
+          "$value": "oklch(14% 0.008 85)",
+          "$type": "color",
+          "$description": "Primary numeric readouts and live values. Brightest text."
+        },
+        "label": {
+          "$value": "oklch(42% 0.010 85)",
+          "$type": "color",
+          "$description": "Labels, units, helper and secondary text. Never for values."
+        },
+        "muted": {
+          "$value": "oklch(63% 0.008 85)",
+          "$type": "color",
+          "$description": "Disabled, placeholder, decorative separators. No meaning."
+        },
+        "border": {
+          "$value": "oklch(82% 0.010 85)",
+          "$type": "color",
+          "$description": "Hairline borders and dividers."
+        },
+        "s0": {
+          "$value": "oklch(97% 0.008 85)",
+          "$type": "color",
+          "$description": "Surface — base background."
+        },
+        "s1": {
+          "$value": "oklch(93% 0.010 85)",
+          "$type": "color",
+          "$description": "Surface — panel background."
+        },
+        "s2": {
+          "$value": "oklch(89% 0.010 85)",
+          "$type": "color",
+          "$description": "Surface — elevated card."
+        },
+        "s3": {
+          "$value": "oklch(85% 0.010 85)",
+          "$type": "color",
+          "$description": "Surface — selected / overlay."
+        },
+        "data-dim": {
+          "$value": "oklch(70% 0.008 85)",
+          "$type": "color",
+          "$description": "Faint metadata — timestamps, tick labels. Decorative; sits below muted."
+        },
+        "border-strong": {
+          "$value": "oklch(74% 0.010 85)",
+          "$type": "color",
+          "$description": "Divider / stronger rule — heavier than the hairline border."
+        }
+      }
+    }
+  },
+  "border": {
+    "width": {
+      "1": {
+        "$value": "1px",
+        "$type": "dimension",
+        "$description": "Default hairline borders and dividers."
+      },
+      "2": {
+        "$value": "2px",
+        "$type": "dimension",
+        "$description": "Status accent edge (card top border)."
+      },
+      "3": {
+        "$value": "3px",
+        "$type": "dimension",
+        "$description": "Callout / note left accent."
+      }
+    }
+  },
+  "bp": {
+    "sm": {
+      "$value": "640px",
+      "$type": "dimension",
+      "$description": "≥ small — phone landscape."
+    },
+    "md": {
+      "$value": "768px",
+      "$type": "dimension",
+      "$description": "≥ medium — tablet."
+    },
+    "lg": {
+      "$value": "1024px",
+      "$type": "dimension",
+      "$description": "≥ large — laptop."
+    },
+    "xl": {
+      "$value": "1280px",
+      "$type": "dimension",
+      "$description": "≥ extra-large — desktop."
+    },
+    "2xl": {
+      "$value": "1536px",
+      "$type": "dimension",
+      "$description": "≥ 2x large — wide desktop."
+    }
+  },
+  "shadow": {
+    "1": {
+      "$value": "0 1px 2px rgb(0 0 0 / 0.30)",
+      "$type": "shadow",
+      "$description": "e1 — raised cards, hovered tiles."
+    },
+    "2": {
+      "$value": "0 4px 14px rgb(0 0 0 / 0.35)",
+      "$type": "shadow",
+      "$description": "e2 — menu, popover, tooltip (anchored layer)."
+    },
+    "3": {
+      "$value": "0 12px 32px rgb(0 0 0 / 0.50)",
+      "$type": "shadow",
+      "$description": "e3 — modal, drawer (overlay layer)."
+    }
+  },
+  "motion": {
+    "duration": {
+      "instant": {
+        "$value": "80ms",
+        "$type": "duration",
+        "$description": "State feedback — hover, press, immediate value change."
+      },
+      "quick": {
+        "$value": "140ms",
+        "$type": "duration",
+        "$description": "Tooltip, menu — fast transient overlays."
+      },
+      "base": {
+        "$value": "200ms",
+        "$type": "duration",
+        "$description": "Popover, drawer — standard overlay motion."
+      },
+      "deliberate": {
+        "$value": "300ms",
+        "$type": "duration",
+        "$description": "Modal, scrim — blocking surfaces enter slowly."
+      }
+    },
+    "ease": {
+      "decel": {
+        "$value": "cubic-bezier(0.2, 0.8, 0.2, 1)",
+        "$type": "cubicBezier",
+        "$description": "Enter — decelerate into place. Default for things appearing."
+      },
+      "accel": {
+        "$value": "cubic-bezier(0.4, 0, 1, 1)",
+        "$type": "cubicBezier",
+        "$description": "Exit — accelerate away. For things leaving the screen."
+      },
+      "standard": {
+        "$value": "cubic-bezier(0.2, 0.7, 0.3, 1)",
+        "$type": "cubicBezier",
+        "$description": "Move — on-screen repositioning that starts and ends at rest."
+      },
+      "spring": {
+        "$value": "cubic-bezier(0.2, 0.9, 0.3, 1.2)",
+        "$type": "cubicBezier",
+        "$description": "Toggle — slight overshoot for switches, checkmarks."
+      }
+    }
+  },
+  "opacity": {
+    "disabled": {
+      "$value": 0.45,
+      "$type": "number",
+      "$description": "Disabled / inert control — dimmed but legible."
+    },
+    "muted": {
+      "$value": 0.65,
+      "$type": "number",
+      "$description": "De-emphasised but active content — secondary text, placeholder."
+    },
+    "scrim": {
+      "$value": 0.62,
+      "$type": "number",
+      "$description": "Backdrop dim behind a modal or drawer (one scrim at a time)."
+    }
+  },
+  "radius": {
+    "2": {
+      "$value": "2px",
+      "$type": "dimension",
+      "$description": "Badges, small inline chips."
+    },
+    "3": {
+      "$value": "3px",
+      "$type": "dimension",
+      "$description": "Filled badges, dot containers."
+    },
+    "4": {
+      "$value": "4px",
+      "$type": "dimension",
+      "$description": "Buttons, swatches, token rows."
+    },
+    "5": {
+      "$value": "5px",
+      "$type": "dimension",
+      "$description": "Readout tiles."
+    },
+    "8": {
+      "$value": "8px",
+      "$type": "dimension",
+      "$description": "Cards, panels, large containers."
+    }
+  },
+  "size": {
+    "tap": {
+      "min": {
+        "$value": "24px",
+        "$type": "dimension",
+        "$description": "WCAG 2.2 AA minimum interactive target."
+      },
+      "comfortable": {
+        "$value": "44px",
+        "$type": "dimension",
+        "$description": "Recommended primary action target (mobile)."
+      }
+    },
+    "dot": {
+      "sm": {
+        "$value": "8px",
+        "$type": "dimension",
+        "$description": "Inline status dot indicator."
+      },
+      "md": {
+        "$value": "10px",
+        "$type": "dimension",
+        "$description": "Legend / status-scale dot."
+      }
+    }
+  },
+  "space": {
+    "2": {
+      "$value": "2px",
+      "$type": "dimension",
+      "$description": "Hairline gaps, icon-to-text nudges."
+    },
+    "4": {
+      "$value": "4px",
+      "$type": "dimension",
+      "$description": "Tight inner gaps, chip padding."
+    },
+    "8": {
+      "$value": "8px",
+      "$type": "dimension",
+      "$description": "Default small gap between related items."
+    },
+    "10": {
+      "$value": "10px",
+      "$type": "dimension",
+      "$description": "Compact control padding."
+    },
+    "12": {
+      "$value": "12px",
+      "$type": "dimension",
+      "$description": "Card row gaps, control vertical padding."
+    },
+    "16": {
+      "$value": "16px",
+      "$type": "dimension",
+      "$description": "Card body padding, grid gaps."
+    },
+    "20": {
+      "$value": "20px",
+      "$type": "dimension",
+      "$description": "Panel padding, section sub-gaps."
+    },
+    "24": {
+      "$value": "24px",
+      "$type": "dimension",
+      "$description": "Card/panel padding, comfortable grid gaps."
+    },
+    "28": {
+      "$value": "28px",
+      "$type": "dimension",
+      "$description": "Large card padding."
+    },
+    "32": {
+      "$value": "32px",
+      "$type": "dimension",
+      "$description": "Section header spacing."
+    },
+    "40": {
+      "$value": "40px",
+      "$type": "dimension",
+      "$description": "Page horizontal padding."
+    },
+    "56": {
+      "$value": "56px",
+      "$type": "dimension",
+      "$description": "Page top padding."
+    },
+    "72": {
+      "$value": "72px",
+      "$type": "dimension",
+      "$description": "Between major sections."
+    },
+    "96": {
+      "$value": "96px",
+      "$type": "dimension",
+      "$description": "Page bottom padding."
+    }
+  },
+  "font": {
+    "family": {
+      "sans": {
+        "$value": "'B612', sans-serif",
+        "$type": "fontFamily",
+        "$description": "All non-numeric UI: headings, labels, navigation, buttons. Highly legible on dense technical displays."
+      },
+      "mono": {
+        "$value": "'B612 Mono', monospace",
+        "$type": "fontFamily",
+        "$description": "All numeric readouts, timestamps, identifiers, code. Fixed-width prevents value jitter."
+      }
+    },
+    "weight": {
+      "light": {
+        "$value": 300,
+        "$type": "fontWeight"
+      },
+      "regular": {
+        "$value": 400,
+        "$type": "fontWeight"
+      },
+      "medium": {
+        "$value": 500,
+        "$type": "fontWeight"
+      },
+      "semibold": {
+        "$value": 600,
+        "$type": "fontWeight"
+      },
+      "bold": {
+        "$value": 700,
+        "$type": "fontWeight"
+      }
+    },
+    "size": {
+      "10": {
+        "$value": "10px",
+        "$type": "dimension",
+        "$description": "Micro / uppercase dimension identifiers."
+      },
+      "11": {
+        "$value": "11px",
+        "$type": "dimension",
+        "$description": "Captions, helper text."
+      },
+      "12": {
+        "$value": "12px",
+        "$type": "dimension",
+        "$description": "Dense UI text."
+      },
+      "13": {
+        "$value": "13px",
+        "$type": "dimension",
+        "$description": "Labels, body in panels."
+      },
+      "14": {
+        "$value": "14px",
+        "$type": "dimension",
+        "$description": "Body copy."
+      },
+      "16": {
+        "$value": "16px",
+        "$type": "dimension",
+        "$description": "Emphasis body / brand mark."
+      },
+      "18": {
+        "$value": "18px",
+        "$type": "dimension",
+        "$description": "Heading — medium (uppercase)."
+      },
+      "20": {
+        "$value": "20px",
+        "$type": "dimension",
+        "$description": "Heading — medium / value-md."
+      },
+      "28": {
+        "$value": "28px",
+        "$type": "dimension",
+        "$description": "Heading — large."
+      },
+      "32": {
+        "$value": "32px",
+        "$type": "dimension",
+        "$description": "Value — large."
+      },
+      "36": {
+        "$value": "36px",
+        "$type": "dimension",
+        "$description": "Display — small (page title)."
+      },
+      "38": {
+        "$value": "38px",
+        "$type": "dimension",
+        "$description": "Readout tile value."
+      },
+      "48": {
+        "$value": "48px",
+        "$type": "dimension",
+        "$description": "Value — extra large."
+      },
+      "52": {
+        "$value": "52px",
+        "$type": "dimension",
+        "$description": "Display — large hero value."
+      }
+    },
+    "lineHeight": {
+      "none": {
+        "$value": 1,
+        "$type": "number"
+      },
+      "tight": {
+        "$value": 1.1,
+        "$type": "number"
+      },
+      "snug": {
+        "$value": 1.2,
+        "$type": "number"
+      },
+      "normal": {
+        "$value": 1.4,
+        "$type": "number"
+      },
+      "relaxed": {
+        "$value": 1.5,
+        "$type": "number"
+      },
+      "loose": {
+        "$value": 1.7,
+        "$type": "number"
+      }
+    },
+    "tracking": {
+      "tight": {
+        "$value": "0.02em",
+        "$type": "dimension",
+        "$description": "Base UI tracking."
+      },
+      "normal": {
+        "$value": "0.06em",
+        "$type": "dimension",
+        "$description": "Uppercase headings."
+      },
+      "label": {
+        "$value": "0.08em",
+        "$type": "dimension",
+        "$description": "Status labels."
+      },
+      "wide": {
+        "$value": "0.12em",
+        "$type": "dimension",
+        "$description": "Toggle controls, card titles."
+      },
+      "caps": {
+        "$value": "0.15em",
+        "$type": "dimension",
+        "$description": "Badge / button uppercase."
+      },
+      "wider": {
+        "$value": "0.2em",
+        "$type": "dimension",
+        "$description": "Brand mark, section accents."
+      },
+      "widest": {
+        "$value": "0.3em",
+        "$type": "dimension",
+        "$description": "Section eyebrow labels."
+      }
+    }
+  },
+  "z": {
+    "surface": {
+      "$value": 0,
+      "$type": "number",
+      "$description": "Level 0 — base content and data panels."
+    },
+    "raised": {
+      "$value": 100,
+      "$type": "number",
+      "$description": "Level 1 — sticky rails, raised cards."
+    },
+    "anchored": {
+      "$value": 2000,
+      "$type": "number",
+      "$description": "Level 2 — menu, popover, dropdown, tooltip."
+    },
+    "overlay": {
+      "$value": 4000,
+      "$type": "number",
+      "$description": "Level 4 — modal, drawer + scrim."
+    },
+    "alert": {
+      "$value": 5000,
+      "$type": "number",
+      "$description": "Level 5 — toast, critical alert. Above everything."
+    }
+  }
+}