{
  "name": "nol.satu design system",
  "version": "2.0.0",
  "source": "https://design.nolsatu.id/tokens/tokens.json",
  "modes": {
    "light": {
      "palette.teal.50": "#F0F8F6",
      "palette.teal.100": "#E2F2EE",
      "palette.teal.200": "#BFE5DC",
      "palette.teal.300": "#86DCCB",
      "palette.teal.400": "#4CC9B0",
      "palette.teal.500": "#1E9985",
      "palette.teal.600": "#0F7466",
      "palette.teal.700": "#0B5C51",
      "palette.teal.800": "#0B463F",
      "palette.teal.900": "#0E332D",
      "palette.teal.950": "#06201B",
      "palette.berry.50": "#FCF0F5",
      "palette.berry.100": "#F8DCE8",
      "palette.berry.200": "#F2B9D1",
      "palette.berry.300": "#EB7BA8",
      "palette.berry.400": "#DB5590",
      "palette.berry.500": "#C23A74",
      "palette.berry.600": "#A3245A",
      "palette.berry.700": "#841D49",
      "palette.berry.800": "#641638",
      "palette.berry.900": "#3F0E24",
      "palette.stone.0": "#FFFFFF",
      "palette.stone.25": "#FAF9F6",
      "palette.stone.50": "#F3F1EC",
      "palette.stone.100": "#EAE7E0",
      "palette.stone.200": "#E3DFD6",
      "palette.stone.300": "#CFC9BE",
      "palette.stone.400": "#A69E93",
      "palette.stone.450": "#968E83",
      "palette.stone.500": "#857D72",
      "palette.stone.550": "#736B62",
      "palette.stone.600": "#6B645C",
      "palette.stone.700": "#4A443E",
      "palette.stone.800": "#34302A",
      "palette.stone.850": "#24201C",
      "palette.stone.900": "#1C1916",
      "palette.stone.925": "#181613",
      "palette.stone.950": "#14120F",
      "palette.green.50": "#E6F4E9",
      "palette.green.300": "#9BE0AF",
      "palette.green.400": "#5CCB7E",
      "palette.green.600": "#1F7A3A",
      "palette.green.700": "#17632E",
      "palette.green.900": "#13301C",
      "palette.amber.50": "#FDF3DC",
      "palette.amber.300": "#F7D38A",
      "palette.amber.400": "#F2B533",
      "palette.amber.500": "#C98A04",
      "palette.amber.700": "#7A4F00",
      "palette.amber.900": "#3A2A07",
      "palette.red.50": "#FCE9E7",
      "palette.red.300": "#F8A7A0",
      "palette.red.400": "#F06B5F",
      "palette.red.600": "#C0342B",
      "palette.red.700": "#A02A22",
      "palette.red.900": "#3D1614",
      "palette.blue.50": "#E8EEFC",
      "palette.blue.300": "#B0C6FA",
      "palette.blue.400": "#7FA2F5",
      "palette.blue.600": "#2F5FD0",
      "palette.blue.700": "#244CA8",
      "palette.blue.900": "#17254A",
      "color.canvas": "#FAF9F6",
      "color.surface.default": "#FFFFFF",
      "color.surface.subtle": "#F3F1EC",
      "color.surface.hover": "#EAE7E0",
      "color.surface.inverse": "#1C1916",
      "color.line.default": "#E3DFD6",
      "color.line.strong": "#CFC9BE",
      "color.line.control": "#968E83",
      "color.fg.default": "#1C1916",
      "color.fg.muted": "#6B645C",
      "color.fg.subtle": "#857D72",
      "color.fg.inverse": "#FAF9F6",
      "color.brand.default": "#0F7466",
      "color.brand.hover": "#0B5C51",
      "color.brand.active": "#0B463F",
      "color.brand.subtle": "#E2F2EE",
      "color.brand.fg": "#0B5C51",
      "color.on-brand": "#FFFFFF",
      "color.accent.default": "#A3245A",
      "color.accent.hover": "#841D49",
      "color.accent.subtle": "#FCF0F5",
      "color.accent.fg": "#841D49",
      "color.on-accent": "#FFFFFF",
      "color.focus": "#0F7466",
      "color.scrim": "rgba(20, 18, 15, 0.48)",
      "color.success.default": "#1F7A3A",
      "color.success.subtle": "#E6F4E9",
      "color.success.fg": "#17632E",
      "color.on-success": "#FFFFFF",
      "color.warning.default": "#C98A04",
      "color.warning.subtle": "#FDF3DC",
      "color.warning.fg": "#7A4F00",
      "color.on-warning": "#1C1916",
      "color.danger.default": "#C0342B",
      "color.danger.subtle": "#FCE9E7",
      "color.danger.fg": "#A02A22",
      "color.on-danger": "#FFFFFF",
      "color.info.default": "#2F5FD0",
      "color.info.subtle": "#E8EEFC",
      "color.info.fg": "#244CA8",
      "color.on-info": "#FFFFFF",
      "color.cat.action.default": "#DA5B79",
      "color.cat.action.subtle": "#FFE8EB",
      "color.cat.action.fg": "#7D2E41",
      "color.cat.idea.default": "#B08505",
      "color.cat.idea.subtle": "#FCEDCD",
      "color.cat.idea.fg": "#624800",
      "color.cat.structure.default": "#408DEA",
      "color.cat.structure.subtle": "#E4F0FE",
      "color.cat.structure.fg": "#1D4D87",
      "color.cat.growth.default": "#6B9E1F",
      "color.cat.growth.subtle": "#E5F5D6",
      "color.cat.growth.fg": "#385805",
      "color.cat.flow.default": "#D76821",
      "color.cat.flow.subtle": "#FFEADF",
      "color.cat.flow.fg": "#7B3606",
      "color.cat.warmth.default": "#AA6CD4",
      "color.cat.warmth.subtle": "#F5E9FF",
      "color.cat.warmth.fg": "#5F3979",
      "color.mark.left": "#A3245A",
      "color.mark.right": "#0F7466",
      "color.mark.overlap": "#0E332D",
      "font.family.display": [
        "Space Grotesk",
        "ui-sans-serif",
        "system-ui",
        "sans-serif"
      ],
      "font.family.sans": [
        "Instrument Sans",
        "ui-sans-serif",
        "system-ui",
        "-apple-system",
        "Segoe UI",
        "sans-serif"
      ],
      "font.family.mono": [
        "IBM Plex Mono",
        "ui-monospace",
        "SFMono-Regular",
        "Menlo",
        "monospace"
      ],
      "font.weight.regular": 400,
      "font.weight.medium": 500,
      "font.weight.semibold": 600,
      "font.weight.bold": 700,
      "typography.display-xl": {
        "fontFamily": [
          "Space Grotesk",
          "ui-sans-serif",
          "system-ui",
          "sans-serif"
        ],
        "fontSize": "56px",
        "fontWeight": 700,
        "lineHeight": 1.05,
        "letterSpacing": "-0.035em"
      },
      "typography.display-lg": {
        "fontFamily": [
          "Space Grotesk",
          "ui-sans-serif",
          "system-ui",
          "sans-serif"
        ],
        "fontSize": "44px",
        "fontWeight": 700,
        "lineHeight": 1.1,
        "letterSpacing": "-0.03em"
      },
      "typography.h1": {
        "fontFamily": [
          "Space Grotesk",
          "ui-sans-serif",
          "system-ui",
          "sans-serif"
        ],
        "fontSize": "34px",
        "fontWeight": 600,
        "lineHeight": 1.15,
        "letterSpacing": "-0.025em"
      },
      "typography.h2": {
        "fontFamily": [
          "Space Grotesk",
          "ui-sans-serif",
          "system-ui",
          "sans-serif"
        ],
        "fontSize": "26px",
        "fontWeight": 600,
        "lineHeight": 1.2,
        "letterSpacing": "-0.02em"
      },
      "typography.h3": {
        "fontFamily": [
          "Space Grotesk",
          "ui-sans-serif",
          "system-ui",
          "sans-serif"
        ],
        "fontSize": "20px",
        "fontWeight": 600,
        "lineHeight": 1.3,
        "letterSpacing": "-0.015em"
      },
      "typography.h4": {
        "fontFamily": [
          "Space Grotesk",
          "ui-sans-serif",
          "system-ui",
          "sans-serif"
        ],
        "fontSize": "16px",
        "fontWeight": 600,
        "lineHeight": 1.35,
        "letterSpacing": "-0.01em"
      },
      "typography.body-lg": {
        "fontFamily": [
          "Instrument Sans",
          "ui-sans-serif",
          "system-ui",
          "-apple-system",
          "Segoe UI",
          "sans-serif"
        ],
        "fontSize": "17px",
        "fontWeight": 400,
        "lineHeight": 1.6,
        "letterSpacing": "0em"
      },
      "typography.body": {
        "fontFamily": [
          "Instrument Sans",
          "ui-sans-serif",
          "system-ui",
          "-apple-system",
          "Segoe UI",
          "sans-serif"
        ],
        "fontSize": "15px",
        "fontWeight": 400,
        "lineHeight": 1.55,
        "letterSpacing": "0em"
      },
      "typography.body-sm": {
        "fontFamily": [
          "Instrument Sans",
          "ui-sans-serif",
          "system-ui",
          "-apple-system",
          "Segoe UI",
          "sans-serif"
        ],
        "fontSize": "13px",
        "fontWeight": 400,
        "lineHeight": 1.5,
        "letterSpacing": "0em"
      },
      "typography.caption": {
        "fontFamily": [
          "Instrument Sans",
          "ui-sans-serif",
          "system-ui",
          "-apple-system",
          "Segoe UI",
          "sans-serif"
        ],
        "fontSize": "12px",
        "fontWeight": 500,
        "lineHeight": 1.4,
        "letterSpacing": "0.005em"
      },
      "typography.label": {
        "fontFamily": [
          "IBM Plex Mono",
          "ui-monospace",
          "SFMono-Regular",
          "Menlo",
          "monospace"
        ],
        "fontSize": "11px",
        "fontWeight": 500,
        "lineHeight": 1.45,
        "letterSpacing": "0.07em"
      },
      "typography.code": {
        "fontFamily": [
          "IBM Plex Mono",
          "ui-monospace",
          "SFMono-Regular",
          "Menlo",
          "monospace"
        ],
        "fontSize": "13px",
        "fontWeight": 400,
        "lineHeight": 1.55,
        "letterSpacing": "0em"
      },
      "space.0": "0px",
      "space.1": "4px",
      "space.2": "8px",
      "space.3": "12px",
      "space.4": "16px",
      "space.5": "20px",
      "space.6": "24px",
      "space.8": "32px",
      "space.10": "40px",
      "space.12": "48px",
      "space.16": "64px",
      "space.20": "80px",
      "space.24": "96px",
      "space.0-5": "2px",
      "space.1-5": "6px",
      "radius.2xs": "4px",
      "radius.xs": "6px",
      "radius.sm": "12px",
      "radius.md": "18px",
      "radius.lg": "24px",
      "radius.full": "9999px",
      "size.control-sm": "28px",
      "size.control-md": "34px",
      "size.control-lg": "42px",
      "size.icon-sm": "16px",
      "size.icon-md": "20px",
      "size.icon-lg": "24px",
      "size.focus-ring": "2px",
      "size.focus-offset": "2px",
      "shadow.xs": "0 1px 2px rgba(28, 25, 22, 0.06)",
      "shadow.sm": "0 1px 3px rgba(28, 25, 22, 0.08), 0 1px 2px rgba(28, 25, 22, 0.04)",
      "shadow.md": "0 8px 20px -6px rgba(28, 25, 22, 0.14), 0 2px 4px rgba(28, 25, 22, 0.05)",
      "shadow.lg": "0 20px 48px -10px rgba(28, 25, 22, 0.22), 0 4px 12px rgba(28, 25, 22, 0.06)",
      "duration.instant": "0ms",
      "duration.fast": "120ms",
      "duration.base": "180ms",
      "duration.slow": "280ms",
      "duration.slower": "420ms",
      "easing.standard": [
        0.2,
        0,
        0,
        1
      ],
      "easing.enter": [
        0,
        0,
        0.2,
        1
      ],
      "easing.exit": [
        0.4,
        0,
        1,
        1
      ],
      "easing.snap": [
        0.34,
        1.4,
        0.64,
        1
      ],
      "z.base": 0,
      "z.raised": 1,
      "z.sticky": 10,
      "z.dropdown": 100,
      "z.overlay": 200,
      "z.modal": 300,
      "z.toast": 400,
      "z.tooltip": 500,
      "breakpoint.sm": "640px",
      "breakpoint.md": "768px",
      "breakpoint.lg": "1024px",
      "breakpoint.xl": "1280px",
      "breakpoint.2xl": "1536px"
    },
    "dark": {
      "palette.teal.50": "#F0F8F6",
      "palette.teal.100": "#E2F2EE",
      "palette.teal.200": "#BFE5DC",
      "palette.teal.300": "#86DCCB",
      "palette.teal.400": "#4CC9B0",
      "palette.teal.500": "#1E9985",
      "palette.teal.600": "#0F7466",
      "palette.teal.700": "#0B5C51",
      "palette.teal.800": "#0B463F",
      "palette.teal.900": "#0E332D",
      "palette.teal.950": "#06201B",
      "palette.berry.50": "#FCF0F5",
      "palette.berry.100": "#F8DCE8",
      "palette.berry.200": "#F2B9D1",
      "palette.berry.300": "#EB7BA8",
      "palette.berry.400": "#DB5590",
      "palette.berry.500": "#C23A74",
      "palette.berry.600": "#A3245A",
      "palette.berry.700": "#841D49",
      "palette.berry.800": "#641638",
      "palette.berry.900": "#3F0E24",
      "palette.stone.0": "#FFFFFF",
      "palette.stone.25": "#FAF9F6",
      "palette.stone.50": "#F3F1EC",
      "palette.stone.100": "#EAE7E0",
      "palette.stone.200": "#E3DFD6",
      "palette.stone.300": "#CFC9BE",
      "palette.stone.400": "#A69E93",
      "palette.stone.450": "#968E83",
      "palette.stone.500": "#857D72",
      "palette.stone.550": "#736B62",
      "palette.stone.600": "#6B645C",
      "palette.stone.700": "#4A443E",
      "palette.stone.800": "#34302A",
      "palette.stone.850": "#24201C",
      "palette.stone.900": "#1C1916",
      "palette.stone.925": "#181613",
      "palette.stone.950": "#14120F",
      "palette.green.50": "#E6F4E9",
      "palette.green.300": "#9BE0AF",
      "palette.green.400": "#5CCB7E",
      "palette.green.600": "#1F7A3A",
      "palette.green.700": "#17632E",
      "palette.green.900": "#13301C",
      "palette.amber.50": "#FDF3DC",
      "palette.amber.300": "#F7D38A",
      "palette.amber.400": "#F2B533",
      "palette.amber.500": "#C98A04",
      "palette.amber.700": "#7A4F00",
      "palette.amber.900": "#3A2A07",
      "palette.red.50": "#FCE9E7",
      "palette.red.300": "#F8A7A0",
      "palette.red.400": "#F06B5F",
      "palette.red.600": "#C0342B",
      "palette.red.700": "#A02A22",
      "palette.red.900": "#3D1614",
      "palette.blue.50": "#E8EEFC",
      "palette.blue.300": "#B0C6FA",
      "palette.blue.400": "#7FA2F5",
      "palette.blue.600": "#2F5FD0",
      "palette.blue.700": "#244CA8",
      "palette.blue.900": "#17254A",
      "color.canvas": "#14120F",
      "color.surface.default": "#1C1916",
      "color.surface.subtle": "#181613",
      "color.surface.hover": "#24201C",
      "color.surface.inverse": "#F3F1EC",
      "color.line.default": "#34302A",
      "color.line.strong": "#4A443E",
      "color.line.control": "#736B62",
      "color.fg.default": "#F3F1EC",
      "color.fg.muted": "#A69E93",
      "color.fg.subtle": "#857D72",
      "color.fg.inverse": "#1C1916",
      "color.brand.default": "#4CC9B0",
      "color.brand.hover": "#86DCCB",
      "color.brand.active": "#BFE5DC",
      "color.brand.subtle": "#0E332D",
      "color.brand.fg": "#86DCCB",
      "color.on-brand": "#06201B",
      "color.accent.default": "#EB7BA8",
      "color.accent.hover": "#F2B9D1",
      "color.accent.subtle": "#3F0E24",
      "color.accent.fg": "#F2B9D1",
      "color.on-accent": "#3F0E24",
      "color.focus": "#4CC9B0",
      "color.scrim": "rgba(0, 0, 0, 0.64)",
      "color.success.default": "#5CCB7E",
      "color.success.subtle": "#13301C",
      "color.success.fg": "#9BE0AF",
      "color.on-success": "#14120F",
      "color.warning.default": "#F2B533",
      "color.warning.subtle": "#3A2A07",
      "color.warning.fg": "#F7D38A",
      "color.on-warning": "#14120F",
      "color.danger.default": "#F06B5F",
      "color.danger.subtle": "#3D1614",
      "color.danger.fg": "#F8A7A0",
      "color.on-danger": "#14120F",
      "color.info.default": "#7FA2F5",
      "color.info.subtle": "#17254A",
      "color.info.fg": "#B0C6FA",
      "color.on-info": "#14120F",
      "color.cat.action.default": "#F87F99",
      "color.cat.action.subtle": "#472028",
      "color.cat.action.fg": "#FEC7CF",
      "color.cat.idea.default": "#D6A20A",
      "color.cat.idea.subtle": "#3C2B02",
      "color.cat.idea.fg": "#F3D392",
      "color.cat.structure.default": "#6DADFF",
      "color.cat.structure.subtle": "#182E4B",
      "color.cat.structure.fg": "#BEDAFE",
      "color.cat.growth.default": "#8BBD50",
      "color.cat.growth.subtle": "#243411",
      "color.cat.growth.fg": "#C4E4A5",
      "color.cat.flow.default": "#F68A4F",
      "color.cat.flow.subtle": "#462311",
      "color.cat.flow.fg": "#FECBB1",
      "color.cat.warmth.default": "#C88EF1",
      "color.cat.warmth.subtle": "#372544",
      "color.cat.warmth.fg": "#E7CAFF",
      "color.mark.left": "#EB7BA8",
      "color.mark.right": "#4CC9B0",
      "color.mark.overlap": "#F3F1EC",
      "font.family.display": [
        "Space Grotesk",
        "ui-sans-serif",
        "system-ui",
        "sans-serif"
      ],
      "font.family.sans": [
        "Instrument Sans",
        "ui-sans-serif",
        "system-ui",
        "-apple-system",
        "Segoe UI",
        "sans-serif"
      ],
      "font.family.mono": [
        "IBM Plex Mono",
        "ui-monospace",
        "SFMono-Regular",
        "Menlo",
        "monospace"
      ],
      "font.weight.regular": 400,
      "font.weight.medium": 500,
      "font.weight.semibold": 600,
      "font.weight.bold": 700,
      "typography.display-xl": {
        "fontFamily": [
          "Space Grotesk",
          "ui-sans-serif",
          "system-ui",
          "sans-serif"
        ],
        "fontSize": "56px",
        "fontWeight": 700,
        "lineHeight": 1.05,
        "letterSpacing": "-0.035em"
      },
      "typography.display-lg": {
        "fontFamily": [
          "Space Grotesk",
          "ui-sans-serif",
          "system-ui",
          "sans-serif"
        ],
        "fontSize": "44px",
        "fontWeight": 700,
        "lineHeight": 1.1,
        "letterSpacing": "-0.03em"
      },
      "typography.h1": {
        "fontFamily": [
          "Space Grotesk",
          "ui-sans-serif",
          "system-ui",
          "sans-serif"
        ],
        "fontSize": "34px",
        "fontWeight": 600,
        "lineHeight": 1.15,
        "letterSpacing": "-0.025em"
      },
      "typography.h2": {
        "fontFamily": [
          "Space Grotesk",
          "ui-sans-serif",
          "system-ui",
          "sans-serif"
        ],
        "fontSize": "26px",
        "fontWeight": 600,
        "lineHeight": 1.2,
        "letterSpacing": "-0.02em"
      },
      "typography.h3": {
        "fontFamily": [
          "Space Grotesk",
          "ui-sans-serif",
          "system-ui",
          "sans-serif"
        ],
        "fontSize": "20px",
        "fontWeight": 600,
        "lineHeight": 1.3,
        "letterSpacing": "-0.015em"
      },
      "typography.h4": {
        "fontFamily": [
          "Space Grotesk",
          "ui-sans-serif",
          "system-ui",
          "sans-serif"
        ],
        "fontSize": "16px",
        "fontWeight": 600,
        "lineHeight": 1.35,
        "letterSpacing": "-0.01em"
      },
      "typography.body-lg": {
        "fontFamily": [
          "Instrument Sans",
          "ui-sans-serif",
          "system-ui",
          "-apple-system",
          "Segoe UI",
          "sans-serif"
        ],
        "fontSize": "17px",
        "fontWeight": 400,
        "lineHeight": 1.6,
        "letterSpacing": "0em"
      },
      "typography.body": {
        "fontFamily": [
          "Instrument Sans",
          "ui-sans-serif",
          "system-ui",
          "-apple-system",
          "Segoe UI",
          "sans-serif"
        ],
        "fontSize": "15px",
        "fontWeight": 400,
        "lineHeight": 1.55,
        "letterSpacing": "0em"
      },
      "typography.body-sm": {
        "fontFamily": [
          "Instrument Sans",
          "ui-sans-serif",
          "system-ui",
          "-apple-system",
          "Segoe UI",
          "sans-serif"
        ],
        "fontSize": "13px",
        "fontWeight": 400,
        "lineHeight": 1.5,
        "letterSpacing": "0em"
      },
      "typography.caption": {
        "fontFamily": [
          "Instrument Sans",
          "ui-sans-serif",
          "system-ui",
          "-apple-system",
          "Segoe UI",
          "sans-serif"
        ],
        "fontSize": "12px",
        "fontWeight": 500,
        "lineHeight": 1.4,
        "letterSpacing": "0.005em"
      },
      "typography.label": {
        "fontFamily": [
          "IBM Plex Mono",
          "ui-monospace",
          "SFMono-Regular",
          "Menlo",
          "monospace"
        ],
        "fontSize": "11px",
        "fontWeight": 500,
        "lineHeight": 1.45,
        "letterSpacing": "0.07em"
      },
      "typography.code": {
        "fontFamily": [
          "IBM Plex Mono",
          "ui-monospace",
          "SFMono-Regular",
          "Menlo",
          "monospace"
        ],
        "fontSize": "13px",
        "fontWeight": 400,
        "lineHeight": 1.55,
        "letterSpacing": "0em"
      },
      "space.0": "0px",
      "space.1": "4px",
      "space.2": "8px",
      "space.3": "12px",
      "space.4": "16px",
      "space.5": "20px",
      "space.6": "24px",
      "space.8": "32px",
      "space.10": "40px",
      "space.12": "48px",
      "space.16": "64px",
      "space.20": "80px",
      "space.24": "96px",
      "space.0-5": "2px",
      "space.1-5": "6px",
      "radius.2xs": "4px",
      "radius.xs": "6px",
      "radius.sm": "12px",
      "radius.md": "18px",
      "radius.lg": "24px",
      "radius.full": "9999px",
      "size.control-sm": "28px",
      "size.control-md": "34px",
      "size.control-lg": "42px",
      "size.icon-sm": "16px",
      "size.icon-md": "20px",
      "size.icon-lg": "24px",
      "size.focus-ring": "2px",
      "size.focus-offset": "2px",
      "shadow.xs": "0 1px 2px rgba(0, 0, 0, 0.4)",
      "shadow.sm": "0 1px 3px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.03)",
      "shadow.md": "0 8px 24px -6px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.05)",
      "shadow.lg": "0 24px 56px -10px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(255, 255, 255, 0.06)",
      "duration.instant": "0ms",
      "duration.fast": "120ms",
      "duration.base": "180ms",
      "duration.slow": "280ms",
      "duration.slower": "420ms",
      "easing.standard": [
        0.2,
        0,
        0,
        1
      ],
      "easing.enter": [
        0,
        0,
        0.2,
        1
      ],
      "easing.exit": [
        0.4,
        0,
        1,
        1
      ],
      "easing.snap": [
        0.34,
        1.4,
        0.64,
        1
      ],
      "z.base": 0,
      "z.raised": 1,
      "z.sticky": 10,
      "z.dropdown": 100,
      "z.overlay": 200,
      "z.modal": 300,
      "z.toast": 400,
      "z.tooltip": 500,
      "breakpoint.sm": "640px",
      "breakpoint.md": "768px",
      "breakpoint.lg": "1024px",
      "breakpoint.xl": "1280px",
      "breakpoint.2xl": "1536px"
    }
  },
  "tokens": [
    {
      "path": "palette.teal.50",
      "cssVar": "--ns-palette-teal-50",
      "type": "color",
      "light": "#F0F8F6"
    },
    {
      "path": "palette.teal.100",
      "cssVar": "--ns-palette-teal-100",
      "type": "color",
      "light": "#E2F2EE"
    },
    {
      "path": "palette.teal.200",
      "cssVar": "--ns-palette-teal-200",
      "type": "color",
      "light": "#BFE5DC"
    },
    {
      "path": "palette.teal.300",
      "cssVar": "--ns-palette-teal-300",
      "type": "color",
      "light": "#86DCCB"
    },
    {
      "path": "palette.teal.400",
      "cssVar": "--ns-palette-teal-400",
      "type": "color",
      "light": "#4CC9B0"
    },
    {
      "path": "palette.teal.500",
      "cssVar": "--ns-palette-teal-500",
      "type": "color",
      "light": "#1E9985"
    },
    {
      "path": "palette.teal.600",
      "cssVar": "--ns-palette-teal-600",
      "type": "color",
      "light": "#0F7466"
    },
    {
      "path": "palette.teal.700",
      "cssVar": "--ns-palette-teal-700",
      "type": "color",
      "light": "#0B5C51"
    },
    {
      "path": "palette.teal.800",
      "cssVar": "--ns-palette-teal-800",
      "type": "color",
      "light": "#0B463F"
    },
    {
      "path": "palette.teal.900",
      "cssVar": "--ns-palette-teal-900",
      "type": "color",
      "light": "#0E332D"
    },
    {
      "path": "palette.teal.950",
      "cssVar": "--ns-palette-teal-950",
      "type": "color",
      "light": "#06201B"
    },
    {
      "path": "palette.berry.50",
      "cssVar": "--ns-palette-berry-50",
      "type": "color",
      "light": "#FCF0F5"
    },
    {
      "path": "palette.berry.100",
      "cssVar": "--ns-palette-berry-100",
      "type": "color",
      "light": "#F8DCE8"
    },
    {
      "path": "palette.berry.200",
      "cssVar": "--ns-palette-berry-200",
      "type": "color",
      "light": "#F2B9D1"
    },
    {
      "path": "palette.berry.300",
      "cssVar": "--ns-palette-berry-300",
      "type": "color",
      "light": "#EB7BA8"
    },
    {
      "path": "palette.berry.400",
      "cssVar": "--ns-palette-berry-400",
      "type": "color",
      "light": "#DB5590"
    },
    {
      "path": "palette.berry.500",
      "cssVar": "--ns-palette-berry-500",
      "type": "color",
      "light": "#C23A74"
    },
    {
      "path": "palette.berry.600",
      "cssVar": "--ns-palette-berry-600",
      "type": "color",
      "light": "#A3245A"
    },
    {
      "path": "palette.berry.700",
      "cssVar": "--ns-palette-berry-700",
      "type": "color",
      "light": "#841D49"
    },
    {
      "path": "palette.berry.800",
      "cssVar": "--ns-palette-berry-800",
      "type": "color",
      "light": "#641638"
    },
    {
      "path": "palette.berry.900",
      "cssVar": "--ns-palette-berry-900",
      "type": "color",
      "light": "#3F0E24"
    },
    {
      "path": "palette.stone.0",
      "cssVar": "--ns-palette-stone-0",
      "type": "color",
      "light": "#FFFFFF"
    },
    {
      "path": "palette.stone.25",
      "cssVar": "--ns-palette-stone-25",
      "type": "color",
      "light": "#FAF9F6"
    },
    {
      "path": "palette.stone.50",
      "cssVar": "--ns-palette-stone-50",
      "type": "color",
      "light": "#F3F1EC"
    },
    {
      "path": "palette.stone.100",
      "cssVar": "--ns-palette-stone-100",
      "type": "color",
      "light": "#EAE7E0"
    },
    {
      "path": "palette.stone.200",
      "cssVar": "--ns-palette-stone-200",
      "type": "color",
      "light": "#E3DFD6"
    },
    {
      "path": "palette.stone.300",
      "cssVar": "--ns-palette-stone-300",
      "type": "color",
      "light": "#CFC9BE"
    },
    {
      "path": "palette.stone.400",
      "cssVar": "--ns-palette-stone-400",
      "type": "color",
      "light": "#A69E93"
    },
    {
      "path": "palette.stone.450",
      "cssVar": "--ns-palette-stone-450",
      "type": "color",
      "light": "#968E83"
    },
    {
      "path": "palette.stone.500",
      "cssVar": "--ns-palette-stone-500",
      "type": "color",
      "light": "#857D72"
    },
    {
      "path": "palette.stone.550",
      "cssVar": "--ns-palette-stone-550",
      "type": "color",
      "light": "#736B62"
    },
    {
      "path": "palette.stone.600",
      "cssVar": "--ns-palette-stone-600",
      "type": "color",
      "light": "#6B645C"
    },
    {
      "path": "palette.stone.700",
      "cssVar": "--ns-palette-stone-700",
      "type": "color",
      "light": "#4A443E"
    },
    {
      "path": "palette.stone.800",
      "cssVar": "--ns-palette-stone-800",
      "type": "color",
      "light": "#34302A"
    },
    {
      "path": "palette.stone.850",
      "cssVar": "--ns-palette-stone-850",
      "type": "color",
      "light": "#24201C"
    },
    {
      "path": "palette.stone.900",
      "cssVar": "--ns-palette-stone-900",
      "type": "color",
      "light": "#1C1916"
    },
    {
      "path": "palette.stone.925",
      "cssVar": "--ns-palette-stone-925",
      "type": "color",
      "light": "#181613"
    },
    {
      "path": "palette.stone.950",
      "cssVar": "--ns-palette-stone-950",
      "type": "color",
      "light": "#14120F"
    },
    {
      "path": "palette.green.50",
      "cssVar": "--ns-palette-green-50",
      "type": "color",
      "light": "#E6F4E9"
    },
    {
      "path": "palette.green.300",
      "cssVar": "--ns-palette-green-300",
      "type": "color",
      "light": "#9BE0AF"
    },
    {
      "path": "palette.green.400",
      "cssVar": "--ns-palette-green-400",
      "type": "color",
      "light": "#5CCB7E"
    },
    {
      "path": "palette.green.600",
      "cssVar": "--ns-palette-green-600",
      "type": "color",
      "light": "#1F7A3A"
    },
    {
      "path": "palette.green.700",
      "cssVar": "--ns-palette-green-700",
      "type": "color",
      "light": "#17632E"
    },
    {
      "path": "palette.green.900",
      "cssVar": "--ns-palette-green-900",
      "type": "color",
      "light": "#13301C"
    },
    {
      "path": "palette.amber.50",
      "cssVar": "--ns-palette-amber-50",
      "type": "color",
      "light": "#FDF3DC"
    },
    {
      "path": "palette.amber.300",
      "cssVar": "--ns-palette-amber-300",
      "type": "color",
      "light": "#F7D38A"
    },
    {
      "path": "palette.amber.400",
      "cssVar": "--ns-palette-amber-400",
      "type": "color",
      "light": "#F2B533"
    },
    {
      "path": "palette.amber.500",
      "cssVar": "--ns-palette-amber-500",
      "type": "color",
      "light": "#C98A04"
    },
    {
      "path": "palette.amber.700",
      "cssVar": "--ns-palette-amber-700",
      "type": "color",
      "light": "#7A4F00"
    },
    {
      "path": "palette.amber.900",
      "cssVar": "--ns-palette-amber-900",
      "type": "color",
      "light": "#3A2A07"
    },
    {
      "path": "palette.red.50",
      "cssVar": "--ns-palette-red-50",
      "type": "color",
      "light": "#FCE9E7"
    },
    {
      "path": "palette.red.300",
      "cssVar": "--ns-palette-red-300",
      "type": "color",
      "light": "#F8A7A0"
    },
    {
      "path": "palette.red.400",
      "cssVar": "--ns-palette-red-400",
      "type": "color",
      "light": "#F06B5F"
    },
    {
      "path": "palette.red.600",
      "cssVar": "--ns-palette-red-600",
      "type": "color",
      "light": "#C0342B"
    },
    {
      "path": "palette.red.700",
      "cssVar": "--ns-palette-red-700",
      "type": "color",
      "light": "#A02A22"
    },
    {
      "path": "palette.red.900",
      "cssVar": "--ns-palette-red-900",
      "type": "color",
      "light": "#3D1614"
    },
    {
      "path": "palette.blue.50",
      "cssVar": "--ns-palette-blue-50",
      "type": "color",
      "light": "#E8EEFC"
    },
    {
      "path": "palette.blue.300",
      "cssVar": "--ns-palette-blue-300",
      "type": "color",
      "light": "#B0C6FA"
    },
    {
      "path": "palette.blue.400",
      "cssVar": "--ns-palette-blue-400",
      "type": "color",
      "light": "#7FA2F5"
    },
    {
      "path": "palette.blue.600",
      "cssVar": "--ns-palette-blue-600",
      "type": "color",
      "light": "#2F5FD0"
    },
    {
      "path": "palette.blue.700",
      "cssVar": "--ns-palette-blue-700",
      "type": "color",
      "light": "#244CA8"
    },
    {
      "path": "palette.blue.900",
      "cssVar": "--ns-palette-blue-900",
      "type": "color",
      "light": "#17254A"
    },
    {
      "path": "color.canvas",
      "cssVar": "--ns-color-canvas",
      "type": "color",
      "light": "#FAF9F6",
      "dark": "#14120F",
      "description": "App background behind everything."
    },
    {
      "path": "color.surface.default",
      "cssVar": "--ns-color-surface",
      "type": "color",
      "light": "#FFFFFF",
      "dark": "#1C1916",
      "description": "Cards, panels, inputs, top bar."
    },
    {
      "path": "color.surface.subtle",
      "cssVar": "--ns-color-surface-subtle",
      "type": "color",
      "light": "#F3F1EC",
      "dark": "#181613",
      "description": "Sidebars, table headers, wells."
    },
    {
      "path": "color.surface.hover",
      "cssVar": "--ns-color-surface-hover",
      "type": "color",
      "light": "#EAE7E0",
      "dark": "#24201C",
      "description": "Hover and selected rows."
    },
    {
      "path": "color.surface.inverse",
      "cssVar": "--ns-color-surface-inverse",
      "type": "color",
      "light": "#1C1916",
      "dark": "#F3F1EC",
      "description": "Tooltips and snackbars."
    },
    {
      "path": "color.line.default",
      "cssVar": "--ns-color-line",
      "type": "color",
      "light": "#E3DFD6",
      "dark": "#34302A",
      "description": "Dividers and card borders."
    },
    {
      "path": "color.line.strong",
      "cssVar": "--ns-color-line-strong",
      "type": "color",
      "light": "#CFC9BE",
      "dark": "#4A443E",
      "description": "Emphasised dividers, dashed drop zones."
    },
    {
      "path": "color.line.control",
      "cssVar": "--ns-color-line-control",
      "type": "color",
      "light": "#968E83",
      "dark": "#736B62",
      "description": "Borders of inputs, checkboxes and other controls (meets 3:1)."
    },
    {
      "path": "color.fg.default",
      "cssVar": "--ns-color-fg",
      "type": "color",
      "light": "#1C1916",
      "dark": "#F3F1EC",
      "description": "Primary text."
    },
    {
      "path": "color.fg.muted",
      "cssVar": "--ns-color-fg-muted",
      "type": "color",
      "light": "#6B645C",
      "dark": "#A69E93",
      "description": "Secondary text, descriptions."
    },
    {
      "path": "color.fg.subtle",
      "cssVar": "--ns-color-fg-subtle",
      "type": "color",
      "light": "#857D72",
      "dark": "#857D72",
      "description": "Placeholders and disabled text only."
    },
    {
      "path": "color.fg.inverse",
      "cssVar": "--ns-color-fg-inverse",
      "type": "color",
      "light": "#FAF9F6",
      "dark": "#1C1916",
      "description": "Text on surface.inverse."
    },
    {
      "path": "color.brand.default",
      "cssVar": "--ns-color-brand",
      "type": "color",
      "light": "#0F7466",
      "dark": "#4CC9B0",
      "description": "Primary actions, selection, links."
    },
    {
      "path": "color.brand.hover",
      "cssVar": "--ns-color-brand-hover",
      "type": "color",
      "light": "#0B5C51",
      "dark": "#86DCCB"
    },
    {
      "path": "color.brand.active",
      "cssVar": "--ns-color-brand-active",
      "type": "color",
      "light": "#0B463F",
      "dark": "#BFE5DC"
    },
    {
      "path": "color.brand.subtle",
      "cssVar": "--ns-color-brand-subtle",
      "type": "color",
      "light": "#E2F2EE",
      "dark": "#0E332D",
      "description": "Selected backgrounds, confirmation toasts."
    },
    {
      "path": "color.brand.fg",
      "cssVar": "--ns-color-brand-fg",
      "type": "color",
      "light": "#0B5C51",
      "dark": "#86DCCB",
      "description": "Brand-coloured text on canvas or brand.subtle."
    },
    {
      "path": "color.on-brand",
      "cssVar": "--ns-color-on-brand",
      "type": "color",
      "light": "#FFFFFF",
      "dark": "#06201B",
      "description": "Text and icons on brand.default."
    },
    {
      "path": "color.accent.default",
      "cssVar": "--ns-color-accent",
      "type": "color",
      "light": "#A3245A",
      "dark": "#EB7BA8",
      "description": "Secondary emphasis. Use sparingly: new badges, highlights, the mark."
    },
    {
      "path": "color.accent.hover",
      "cssVar": "--ns-color-accent-hover",
      "type": "color",
      "light": "#841D49",
      "dark": "#F2B9D1"
    },
    {
      "path": "color.accent.subtle",
      "cssVar": "--ns-color-accent-subtle",
      "type": "color",
      "light": "#FCF0F5",
      "dark": "#3F0E24"
    },
    {
      "path": "color.accent.fg",
      "cssVar": "--ns-color-accent-fg",
      "type": "color",
      "light": "#841D49",
      "dark": "#F2B9D1"
    },
    {
      "path": "color.on-accent",
      "cssVar": "--ns-color-on-accent",
      "type": "color",
      "light": "#FFFFFF",
      "dark": "#3F0E24"
    },
    {
      "path": "color.focus",
      "cssVar": "--ns-color-focus",
      "type": "color",
      "light": "#0F7466",
      "dark": "#4CC9B0",
      "description": "2px focus ring, 2px offset."
    },
    {
      "path": "color.scrim",
      "cssVar": "--ns-color-scrim",
      "type": "color",
      "light": "rgba(20, 18, 15, 0.48)",
      "dark": "rgba(0, 0, 0, 0.64)",
      "description": "Overlay behind modals."
    },
    {
      "path": "color.success.default",
      "cssVar": "--ns-color-success",
      "type": "color",
      "light": "#1F7A3A",
      "dark": "#5CCB7E"
    },
    {
      "path": "color.success.subtle",
      "cssVar": "--ns-color-success-subtle",
      "type": "color",
      "light": "#E6F4E9",
      "dark": "#13301C"
    },
    {
      "path": "color.success.fg",
      "cssVar": "--ns-color-success-fg",
      "type": "color",
      "light": "#17632E",
      "dark": "#9BE0AF"
    },
    {
      "path": "color.on-success",
      "cssVar": "--ns-color-on-success",
      "type": "color",
      "light": "#FFFFFF",
      "dark": "#14120F"
    },
    {
      "path": "color.warning.default",
      "cssVar": "--ns-color-warning",
      "type": "color",
      "light": "#C98A04",
      "dark": "#F2B533"
    },
    {
      "path": "color.warning.subtle",
      "cssVar": "--ns-color-warning-subtle",
      "type": "color",
      "light": "#FDF3DC",
      "dark": "#3A2A07"
    },
    {
      "path": "color.warning.fg",
      "cssVar": "--ns-color-warning-fg",
      "type": "color",
      "light": "#7A4F00",
      "dark": "#F7D38A"
    },
    {
      "path": "color.on-warning",
      "cssVar": "--ns-color-on-warning",
      "type": "color",
      "light": "#1C1916",
      "dark": "#14120F"
    },
    {
      "path": "color.danger.default",
      "cssVar": "--ns-color-danger",
      "type": "color",
      "light": "#C0342B",
      "dark": "#F06B5F"
    },
    {
      "path": "color.danger.subtle",
      "cssVar": "--ns-color-danger-subtle",
      "type": "color",
      "light": "#FCE9E7",
      "dark": "#3D1614"
    },
    {
      "path": "color.danger.fg",
      "cssVar": "--ns-color-danger-fg",
      "type": "color",
      "light": "#A02A22",
      "dark": "#F8A7A0"
    },
    {
      "path": "color.on-danger",
      "cssVar": "--ns-color-on-danger",
      "type": "color",
      "light": "#FFFFFF",
      "dark": "#14120F"
    },
    {
      "path": "color.info.default",
      "cssVar": "--ns-color-info",
      "type": "color",
      "light": "#2F5FD0",
      "dark": "#7FA2F5"
    },
    {
      "path": "color.info.subtle",
      "cssVar": "--ns-color-info-subtle",
      "type": "color",
      "light": "#E8EEFC",
      "dark": "#17254A"
    },
    {
      "path": "color.info.fg",
      "cssVar": "--ns-color-info-fg",
      "type": "color",
      "light": "#244CA8",
      "dark": "#B0C6FA"
    },
    {
      "path": "color.on-info",
      "cssVar": "--ns-color-on-info",
      "type": "color",
      "light": "#FFFFFF",
      "dark": "#14120F"
    },
    {
      "path": "color.cat.action.default",
      "cssVar": "--ns-color-cat-action",
      "type": "color",
      "light": "#DA5B79",
      "dark": "#F87F99",
      "description": "Dot, icon, drag handle, canvas outline."
    },
    {
      "path": "color.cat.action.subtle",
      "cssVar": "--ns-color-cat-action-subtle",
      "type": "color",
      "light": "#FFE8EB",
      "dark": "#472028",
      "description": "Tag background."
    },
    {
      "path": "color.cat.action.fg",
      "cssVar": "--ns-color-cat-action-fg",
      "type": "color",
      "light": "#7D2E41",
      "dark": "#FEC7CF",
      "description": "Tag text."
    },
    {
      "path": "color.cat.idea.default",
      "cssVar": "--ns-color-cat-idea",
      "type": "color",
      "light": "#B08505",
      "dark": "#D6A20A",
      "description": "Dot, icon, drag handle, canvas outline."
    },
    {
      "path": "color.cat.idea.subtle",
      "cssVar": "--ns-color-cat-idea-subtle",
      "type": "color",
      "light": "#FCEDCD",
      "dark": "#3C2B02",
      "description": "Tag background."
    },
    {
      "path": "color.cat.idea.fg",
      "cssVar": "--ns-color-cat-idea-fg",
      "type": "color",
      "light": "#624800",
      "dark": "#F3D392",
      "description": "Tag text."
    },
    {
      "path": "color.cat.structure.default",
      "cssVar": "--ns-color-cat-structure",
      "type": "color",
      "light": "#408DEA",
      "dark": "#6DADFF",
      "description": "Dot, icon, drag handle, canvas outline."
    },
    {
      "path": "color.cat.structure.subtle",
      "cssVar": "--ns-color-cat-structure-subtle",
      "type": "color",
      "light": "#E4F0FE",
      "dark": "#182E4B",
      "description": "Tag background."
    },
    {
      "path": "color.cat.structure.fg",
      "cssVar": "--ns-color-cat-structure-fg",
      "type": "color",
      "light": "#1D4D87",
      "dark": "#BEDAFE",
      "description": "Tag text."
    },
    {
      "path": "color.cat.growth.default",
      "cssVar": "--ns-color-cat-growth",
      "type": "color",
      "light": "#6B9E1F",
      "dark": "#8BBD50",
      "description": "Dot, icon, drag handle, canvas outline."
    },
    {
      "path": "color.cat.growth.subtle",
      "cssVar": "--ns-color-cat-growth-subtle",
      "type": "color",
      "light": "#E5F5D6",
      "dark": "#243411",
      "description": "Tag background."
    },
    {
      "path": "color.cat.growth.fg",
      "cssVar": "--ns-color-cat-growth-fg",
      "type": "color",
      "light": "#385805",
      "dark": "#C4E4A5",
      "description": "Tag text."
    },
    {
      "path": "color.cat.flow.default",
      "cssVar": "--ns-color-cat-flow",
      "type": "color",
      "light": "#D76821",
      "dark": "#F68A4F",
      "description": "Dot, icon, drag handle, canvas outline."
    },
    {
      "path": "color.cat.flow.subtle",
      "cssVar": "--ns-color-cat-flow-subtle",
      "type": "color",
      "light": "#FFEADF",
      "dark": "#462311",
      "description": "Tag background."
    },
    {
      "path": "color.cat.flow.fg",
      "cssVar": "--ns-color-cat-flow-fg",
      "type": "color",
      "light": "#7B3606",
      "dark": "#FECBB1",
      "description": "Tag text."
    },
    {
      "path": "color.cat.warmth.default",
      "cssVar": "--ns-color-cat-warmth",
      "type": "color",
      "light": "#AA6CD4",
      "dark": "#C88EF1",
      "description": "Dot, icon, drag handle, canvas outline."
    },
    {
      "path": "color.cat.warmth.subtle",
      "cssVar": "--ns-color-cat-warmth-subtle",
      "type": "color",
      "light": "#F5E9FF",
      "dark": "#372544",
      "description": "Tag background."
    },
    {
      "path": "color.cat.warmth.fg",
      "cssVar": "--ns-color-cat-warmth-fg",
      "type": "color",
      "light": "#5F3979",
      "dark": "#E7CAFF",
      "description": "Tag text."
    },
    {
      "path": "color.mark.left",
      "cssVar": "--ns-color-mark-left",
      "type": "color",
      "light": "#A3245A",
      "dark": "#EB7BA8"
    },
    {
      "path": "color.mark.right",
      "cssVar": "--ns-color-mark-right",
      "type": "color",
      "light": "#0F7466",
      "dark": "#4CC9B0"
    },
    {
      "path": "color.mark.overlap",
      "cssVar": "--ns-color-mark-overlap",
      "type": "color",
      "light": "#0E332D",
      "dark": "#F3F1EC"
    },
    {
      "path": "font.family.display",
      "cssVar": "--ns-font-family-display",
      "type": "fontFamily",
      "light": [
        "Space Grotesk",
        "ui-sans-serif",
        "system-ui",
        "sans-serif"
      ],
      "description": "Headings, the wordmark, numbers that matter."
    },
    {
      "path": "font.family.sans",
      "cssVar": "--ns-font-family-sans",
      "type": "fontFamily",
      "light": [
        "Instrument Sans",
        "ui-sans-serif",
        "system-ui",
        "-apple-system",
        "Segoe UI",
        "sans-serif"
      ],
      "description": "Everything people read and click."
    },
    {
      "path": "font.family.mono",
      "cssVar": "--ns-font-family-mono",
      "type": "fontFamily",
      "light": [
        "IBM Plex Mono",
        "ui-monospace",
        "SFMono-Regular",
        "Menlo",
        "monospace"
      ],
      "description": "Labels, tags, code, URLs, keyboard shortcuts."
    },
    {
      "path": "font.weight.regular",
      "cssVar": "--ns-font-weight-regular",
      "type": "fontWeight",
      "light": 400
    },
    {
      "path": "font.weight.medium",
      "cssVar": "--ns-font-weight-medium",
      "type": "fontWeight",
      "light": 500
    },
    {
      "path": "font.weight.semibold",
      "cssVar": "--ns-font-weight-semibold",
      "type": "fontWeight",
      "light": 600
    },
    {
      "path": "font.weight.bold",
      "cssVar": "--ns-font-weight-bold",
      "type": "fontWeight",
      "light": 700
    },
    {
      "path": "typography.display-xl",
      "cssVar": "--ns-text-display-xl-*",
      "type": "typography",
      "light": {
        "fontFamily": [
          "Space Grotesk",
          "ui-sans-serif",
          "system-ui",
          "sans-serif"
        ],
        "fontSize": "56px",
        "fontWeight": 700,
        "lineHeight": 1.05,
        "letterSpacing": "-0.035em"
      },
      "description": "Marketing hero only."
    },
    {
      "path": "typography.display-lg",
      "cssVar": "--ns-text-display-lg-*",
      "type": "typography",
      "light": {
        "fontFamily": [
          "Space Grotesk",
          "ui-sans-serif",
          "system-ui",
          "sans-serif"
        ],
        "fontSize": "44px",
        "fontWeight": 700,
        "lineHeight": 1.1,
        "letterSpacing": "-0.03em"
      },
      "description": "Marketing section heads, empty-state heroes."
    },
    {
      "path": "typography.h1",
      "cssVar": "--ns-text-h1-*",
      "type": "typography",
      "light": {
        "fontFamily": [
          "Space Grotesk",
          "ui-sans-serif",
          "system-ui",
          "sans-serif"
        ],
        "fontSize": "34px",
        "fontWeight": 600,
        "lineHeight": 1.15,
        "letterSpacing": "-0.025em"
      },
      "description": "Page title."
    },
    {
      "path": "typography.h2",
      "cssVar": "--ns-text-h2-*",
      "type": "typography",
      "light": {
        "fontFamily": [
          "Space Grotesk",
          "ui-sans-serif",
          "system-ui",
          "sans-serif"
        ],
        "fontSize": "26px",
        "fontWeight": 600,
        "lineHeight": 1.2,
        "letterSpacing": "-0.02em"
      },
      "description": "Section title."
    },
    {
      "path": "typography.h3",
      "cssVar": "--ns-text-h3-*",
      "type": "typography",
      "light": {
        "fontFamily": [
          "Space Grotesk",
          "ui-sans-serif",
          "system-ui",
          "sans-serif"
        ],
        "fontSize": "20px",
        "fontWeight": 600,
        "lineHeight": 1.3,
        "letterSpacing": "-0.015em"
      },
      "description": "Panel and modal titles."
    },
    {
      "path": "typography.h4",
      "cssVar": "--ns-text-h4-*",
      "type": "typography",
      "light": {
        "fontFamily": [
          "Space Grotesk",
          "ui-sans-serif",
          "system-ui",
          "sans-serif"
        ],
        "fontSize": "16px",
        "fontWeight": 600,
        "lineHeight": 1.35,
        "letterSpacing": "-0.01em"
      },
      "description": "Card and block titles."
    },
    {
      "path": "typography.body-lg",
      "cssVar": "--ns-text-body-lg-*",
      "type": "typography",
      "light": {
        "fontFamily": [
          "Instrument Sans",
          "ui-sans-serif",
          "system-ui",
          "-apple-system",
          "Segoe UI",
          "sans-serif"
        ],
        "fontSize": "17px",
        "fontWeight": 400,
        "lineHeight": 1.6,
        "letterSpacing": "0em"
      },
      "description": "Marketing and onboarding copy."
    },
    {
      "path": "typography.body",
      "cssVar": "--ns-text-body-*",
      "type": "typography",
      "light": {
        "fontFamily": [
          "Instrument Sans",
          "ui-sans-serif",
          "system-ui",
          "-apple-system",
          "Segoe UI",
          "sans-serif"
        ],
        "fontSize": "15px",
        "fontWeight": 400,
        "lineHeight": 1.55,
        "letterSpacing": "0em"
      },
      "description": "Default UI text."
    },
    {
      "path": "typography.body-sm",
      "cssVar": "--ns-text-body-sm-*",
      "type": "typography",
      "light": {
        "fontFamily": [
          "Instrument Sans",
          "ui-sans-serif",
          "system-ui",
          "-apple-system",
          "Segoe UI",
          "sans-serif"
        ],
        "fontSize": "13px",
        "fontWeight": 400,
        "lineHeight": 1.5,
        "letterSpacing": "0em"
      },
      "description": "Dense UI: sidebars, tables, helper text."
    },
    {
      "path": "typography.caption",
      "cssVar": "--ns-text-caption-*",
      "type": "typography",
      "light": {
        "fontFamily": [
          "Instrument Sans",
          "ui-sans-serif",
          "system-ui",
          "-apple-system",
          "Segoe UI",
          "sans-serif"
        ],
        "fontSize": "12px",
        "fontWeight": 500,
        "lineHeight": 1.4,
        "letterSpacing": "0.005em"
      },
      "description": "Timestamps, meta, field hints."
    },
    {
      "path": "typography.label",
      "cssVar": "--ns-text-label-*",
      "type": "typography",
      "light": {
        "fontFamily": [
          "IBM Plex Mono",
          "ui-monospace",
          "SFMono-Regular",
          "Menlo",
          "monospace"
        ],
        "fontSize": "11px",
        "fontWeight": 500,
        "lineHeight": 1.45,
        "letterSpacing": "0.07em"
      },
      "description": "UPPERCASE section labels and tags."
    },
    {
      "path": "typography.code",
      "cssVar": "--ns-text-code-*",
      "type": "typography",
      "light": {
        "fontFamily": [
          "IBM Plex Mono",
          "ui-monospace",
          "SFMono-Regular",
          "Menlo",
          "monospace"
        ],
        "fontSize": "13px",
        "fontWeight": 400,
        "lineHeight": 1.55,
        "letterSpacing": "0em"
      },
      "description": "Code, URLs, IDs."
    },
    {
      "path": "space.0",
      "cssVar": "--ns-space-0",
      "type": "dimension",
      "light": "0px"
    },
    {
      "path": "space.1",
      "cssVar": "--ns-space-1",
      "type": "dimension",
      "light": "4px"
    },
    {
      "path": "space.2",
      "cssVar": "--ns-space-2",
      "type": "dimension",
      "light": "8px"
    },
    {
      "path": "space.3",
      "cssVar": "--ns-space-3",
      "type": "dimension",
      "light": "12px"
    },
    {
      "path": "space.4",
      "cssVar": "--ns-space-4",
      "type": "dimension",
      "light": "16px"
    },
    {
      "path": "space.5",
      "cssVar": "--ns-space-5",
      "type": "dimension",
      "light": "20px"
    },
    {
      "path": "space.6",
      "cssVar": "--ns-space-6",
      "type": "dimension",
      "light": "24px"
    },
    {
      "path": "space.8",
      "cssVar": "--ns-space-8",
      "type": "dimension",
      "light": "32px"
    },
    {
      "path": "space.10",
      "cssVar": "--ns-space-10",
      "type": "dimension",
      "light": "40px"
    },
    {
      "path": "space.12",
      "cssVar": "--ns-space-12",
      "type": "dimension",
      "light": "48px"
    },
    {
      "path": "space.16",
      "cssVar": "--ns-space-16",
      "type": "dimension",
      "light": "64px"
    },
    {
      "path": "space.20",
      "cssVar": "--ns-space-20",
      "type": "dimension",
      "light": "80px"
    },
    {
      "path": "space.24",
      "cssVar": "--ns-space-24",
      "type": "dimension",
      "light": "96px"
    },
    {
      "path": "space.0-5",
      "cssVar": "--ns-space-0-5",
      "type": "dimension",
      "light": "2px"
    },
    {
      "path": "space.1-5",
      "cssVar": "--ns-space-1-5",
      "type": "dimension",
      "light": "6px"
    },
    {
      "path": "radius.2xs",
      "cssVar": "--ns-radius-2xs",
      "type": "dimension",
      "light": "4px",
      "description": "Checkboxes, kbd."
    },
    {
      "path": "radius.xs",
      "cssVar": "--ns-radius-xs",
      "type": "dimension",
      "light": "6px",
      "description": "Menu items, tooltips."
    },
    {
      "path": "radius.sm",
      "cssVar": "--ns-radius-sm",
      "type": "dimension",
      "light": "12px",
      "description": "Buttons, inputs, selects, toasts."
    },
    {
      "path": "radius.md",
      "cssVar": "--ns-radius-md",
      "type": "dimension",
      "light": "18px",
      "description": "Cards, blocks, popovers."
    },
    {
      "path": "radius.lg",
      "cssVar": "--ns-radius-lg",
      "type": "dimension",
      "light": "24px",
      "description": "Modals, sheets, large feature panels."
    },
    {
      "path": "radius.full",
      "cssVar": "--ns-radius-full",
      "type": "dimension",
      "light": "9999px",
      "description": "Tags, toggles, avatars."
    },
    {
      "path": "size.control-sm",
      "cssVar": "--ns-size-control-sm",
      "type": "dimension",
      "light": "28px"
    },
    {
      "path": "size.control-md",
      "cssVar": "--ns-size-control-md",
      "type": "dimension",
      "light": "34px"
    },
    {
      "path": "size.control-lg",
      "cssVar": "--ns-size-control-lg",
      "type": "dimension",
      "light": "42px"
    },
    {
      "path": "size.icon-sm",
      "cssVar": "--ns-size-icon-sm",
      "type": "dimension",
      "light": "16px"
    },
    {
      "path": "size.icon-md",
      "cssVar": "--ns-size-icon-md",
      "type": "dimension",
      "light": "20px"
    },
    {
      "path": "size.icon-lg",
      "cssVar": "--ns-size-icon-lg",
      "type": "dimension",
      "light": "24px"
    },
    {
      "path": "size.focus-ring",
      "cssVar": "--ns-size-focus-ring",
      "type": "dimension",
      "light": "2px"
    },
    {
      "path": "size.focus-offset",
      "cssVar": "--ns-size-focus-offset",
      "type": "dimension",
      "light": "2px"
    },
    {
      "path": "shadow.xs",
      "cssVar": "--ns-shadow-xs",
      "type": "shadow",
      "light": "0 1px 2px rgba(28, 25, 22, 0.06)",
      "dark": "0 1px 2px rgba(0, 0, 0, 0.4)",
      "description": "Buttons, inputs."
    },
    {
      "path": "shadow.sm",
      "cssVar": "--ns-shadow-sm",
      "type": "shadow",
      "light": "0 1px 3px rgba(28, 25, 22, 0.08), 0 1px 2px rgba(28, 25, 22, 0.04)",
      "dark": "0 1px 3px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.03)",
      "description": "Raised cards."
    },
    {
      "path": "shadow.md",
      "cssVar": "--ns-shadow-md",
      "type": "shadow",
      "light": "0 8px 20px -6px rgba(28, 25, 22, 0.14), 0 2px 4px rgba(28, 25, 22, 0.05)",
      "dark": "0 8px 24px -6px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.05)",
      "description": "Menus, popovers, a block being dragged."
    },
    {
      "path": "shadow.lg",
      "cssVar": "--ns-shadow-lg",
      "type": "shadow",
      "light": "0 20px 48px -10px rgba(28, 25, 22, 0.22), 0 4px 12px rgba(28, 25, 22, 0.06)",
      "dark": "0 24px 56px -10px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(255, 255, 255, 0.06)",
      "description": "Modals, command palette."
    },
    {
      "path": "duration.instant",
      "cssVar": "--ns-duration-instant",
      "type": "duration",
      "light": "0ms"
    },
    {
      "path": "duration.fast",
      "cssVar": "--ns-duration-fast",
      "type": "duration",
      "light": "120ms"
    },
    {
      "path": "duration.base",
      "cssVar": "--ns-duration-base",
      "type": "duration",
      "light": "180ms"
    },
    {
      "path": "duration.slow",
      "cssVar": "--ns-duration-slow",
      "type": "duration",
      "light": "280ms"
    },
    {
      "path": "duration.slower",
      "cssVar": "--ns-duration-slower",
      "type": "duration",
      "light": "420ms"
    },
    {
      "path": "easing.standard",
      "cssVar": "--ns-easing-standard",
      "type": "cubicBezier",
      "light": [
        0.2,
        0,
        0,
        1
      ],
      "description": "Most transitions."
    },
    {
      "path": "easing.enter",
      "cssVar": "--ns-easing-enter",
      "type": "cubicBezier",
      "light": [
        0,
        0,
        0.2,
        1
      ],
      "description": "Things appearing."
    },
    {
      "path": "easing.exit",
      "cssVar": "--ns-easing-exit",
      "type": "cubicBezier",
      "light": [
        0.4,
        0,
        1,
        1
      ],
      "description": "Things leaving."
    },
    {
      "path": "easing.snap",
      "cssVar": "--ns-easing-snap",
      "type": "cubicBezier",
      "light": [
        0.34,
        1.4,
        0.64,
        1
      ],
      "description": "A block landing in place after a drag. Blocks only."
    },
    {
      "path": "z.base",
      "cssVar": "--ns-z-base",
      "type": "number",
      "light": 0
    },
    {
      "path": "z.raised",
      "cssVar": "--ns-z-raised",
      "type": "number",
      "light": 1
    },
    {
      "path": "z.sticky",
      "cssVar": "--ns-z-sticky",
      "type": "number",
      "light": 10
    },
    {
      "path": "z.dropdown",
      "cssVar": "--ns-z-dropdown",
      "type": "number",
      "light": 100
    },
    {
      "path": "z.overlay",
      "cssVar": "--ns-z-overlay",
      "type": "number",
      "light": 200
    },
    {
      "path": "z.modal",
      "cssVar": "--ns-z-modal",
      "type": "number",
      "light": 300
    },
    {
      "path": "z.toast",
      "cssVar": "--ns-z-toast",
      "type": "number",
      "light": 400
    },
    {
      "path": "z.tooltip",
      "cssVar": "--ns-z-tooltip",
      "type": "number",
      "light": 500
    },
    {
      "path": "breakpoint.sm",
      "cssVar": "--ns-breakpoint-sm",
      "type": "dimension",
      "light": "640px"
    },
    {
      "path": "breakpoint.md",
      "cssVar": "--ns-breakpoint-md",
      "type": "dimension",
      "light": "768px"
    },
    {
      "path": "breakpoint.lg",
      "cssVar": "--ns-breakpoint-lg",
      "type": "dimension",
      "light": "1024px"
    },
    {
      "path": "breakpoint.xl",
      "cssVar": "--ns-breakpoint-xl",
      "type": "dimension",
      "light": "1280px"
    },
    {
      "path": "breakpoint.2xl",
      "cssVar": "--ns-breakpoint-2xl",
      "type": "dimension",
      "light": "1536px"
    }
  ]
}