{
  "$description": "Generated by DesignSystems.one Token Generator (https://www.designsystems.one/tools/token-generator). Conforms to the W3C Design Tokens Community Group draft format with $value, $type, and $description.",
  "color": {
    "$description": "Color tokens — eleven-step scales for each color family.",
    "primary": {
      "50": {
        "$value": "#f9faff",
        "$type": "color"
      },
      "100": {
        "$value": "#eef1ff",
        "$type": "color"
      },
      "200": {
        "$value": "#d9dfff",
        "$type": "color"
      },
      "300": {
        "$value": "#b9c3ff",
        "$type": "color"
      },
      "400": {
        "$value": "#8e9aff",
        "$type": "color"
      },
      "500": {
        "$value": "#6668ff",
        "$type": "color"
      },
      "600": {
        "$value": "#4f46e5",
        "$type": "color"
      },
      "700": {
        "$value": "#3d2ec1",
        "$type": "color"
      },
      "800": {
        "$value": "#2b1497",
        "$type": "color"
      },
      "900": {
        "$value": "#1b006f",
        "$type": "color"
      },
      "950": {
        "$value": "#0c0041",
        "$type": "color"
      }
    },
    "accent": {
      "50": {
        "$value": "#faffd3",
        "$type": "color"
      },
      "100": {
        "$value": "#f0f7a7",
        "$type": "color"
      },
      "200": {
        "$value": "#dce546",
        "$type": "color"
      },
      "300": {
        "$value": "#c3cc00",
        "$type": "color"
      },
      "400": {
        "$value": "#a2a800",
        "$type": "color"
      },
      "500": {
        "$value": "#7e8300",
        "$type": "color"
      },
      "600": {
        "$value": "#656900",
        "$type": "color"
      },
      "700": {
        "$value": "#4f5200",
        "$type": "color"
      },
      "800": {
        "$value": "#373a00",
        "$type": "color"
      },
      "900": {
        "$value": "#242600",
        "$type": "color"
      },
      "950": {
        "$value": "#121300",
        "$type": "color"
      }
    },
    "neutral": {
      "50": {
        "$value": "#fafafc",
        "$type": "color"
      },
      "100": {
        "$value": "#f1f1f4",
        "$type": "color"
      },
      "200": {
        "$value": "#e0e1e6",
        "$type": "color"
      },
      "300": {
        "$value": "#c5c7ce",
        "$type": "color"
      },
      "400": {
        "$value": "#a2a4ac",
        "$type": "color"
      },
      "500": {
        "$value": "#7e8088",
        "$type": "color"
      },
      "600": {
        "$value": "#64666d",
        "$type": "color"
      },
      "700": {
        "$value": "#4e4f56",
        "$type": "color"
      },
      "800": {
        "$value": "#36383d",
        "$type": "color"
      },
      "900": {
        "$value": "#232428",
        "$type": "color"
      },
      "950": {
        "$value": "#111115",
        "$type": "color"
      }
    },
    "success": {
      "50": {
        "$value": "#effff2",
        "$type": "color"
      },
      "100": {
        "$value": "#d9fee1",
        "$type": "color"
      },
      "200": {
        "$value": "#b5f7c6",
        "$type": "color"
      },
      "300": {
        "$value": "#84e7a1",
        "$type": "color"
      },
      "400": {
        "$value": "#4dcc7a",
        "$type": "color"
      },
      "500": {
        "$value": "#00ab57",
        "$type": "color"
      },
      "600": {
        "$value": "#008844",
        "$type": "color"
      },
      "700": {
        "$value": "#006a34",
        "$type": "color"
      },
      "800": {
        "$value": "#004a22",
        "$type": "color"
      },
      "900": {
        "$value": "#003014",
        "$type": "color"
      },
      "950": {
        "$value": "#001707",
        "$type": "color"
      }
    },
    "warning": {
      "50": {
        "$value": "#fff9f1",
        "$type": "color"
      },
      "100": {
        "$value": "#ffecd3",
        "$type": "color"
      },
      "200": {
        "$value": "#ffd191",
        "$type": "color"
      },
      "300": {
        "$value": "#f2a618",
        "$type": "color"
      },
      "400": {
        "$value": "#ca8900",
        "$type": "color"
      },
      "500": {
        "$value": "#9f6b00",
        "$type": "color"
      },
      "600": {
        "$value": "#805500",
        "$type": "color"
      },
      "700": {
        "$value": "#664200",
        "$type": "color"
      },
      "800": {
        "$value": "#492f00",
        "$type": "color"
      },
      "900": {
        "$value": "#311e00",
        "$type": "color"
      },
      "950": {
        "$value": "#1b0f00",
        "$type": "color"
      }
    },
    "danger": {
      "50": {
        "$value": "#fff8f7",
        "$type": "color"
      },
      "100": {
        "$value": "#ffeeeb",
        "$type": "color"
      },
      "200": {
        "$value": "#ffd8d3",
        "$type": "color"
      },
      "300": {
        "$value": "#ffb4ab",
        "$type": "color"
      },
      "400": {
        "$value": "#ff7b6f",
        "$type": "color"
      },
      "500": {
        "$value": "#ea3d38",
        "$type": "color"
      },
      "600": {
        "$value": "#c80b18",
        "$type": "color"
      },
      "700": {
        "$value": "#9f000d",
        "$type": "color"
      },
      "800": {
        "$value": "#720007",
        "$type": "color"
      },
      "900": {
        "$value": "#4d0003",
        "$type": "color"
      },
      "950": {
        "$value": "#2a0001",
        "$type": "color"
      }
    },
    "info": {
      "50": {
        "$value": "#f6fbff",
        "$type": "color"
      },
      "100": {
        "$value": "#e8f4ff",
        "$type": "color"
      },
      "200": {
        "$value": "#cbe6ff",
        "$type": "color"
      },
      "300": {
        "$value": "#9ad0ff",
        "$type": "color"
      },
      "400": {
        "$value": "#4ab0ff",
        "$type": "color"
      },
      "500": {
        "$value": "#008cdd",
        "$type": "color"
      },
      "600": {
        "$value": "#006fb1",
        "$type": "color"
      },
      "700": {
        "$value": "#00578c",
        "$type": "color"
      },
      "800": {
        "$value": "#003d64",
        "$type": "color"
      },
      "900": {
        "$value": "#002743",
        "$type": "color"
      },
      "950": {
        "$value": "#001324",
        "$type": "color"
      }
    }
  },
  "chart": {
    "$description": "Categorical palette for data visualisation — 6 hues spread from the primary, in legend order, one set per mode.",
    "light": {
      "1": {
        "$value": "#727cd9",
        "$type": "color"
      },
      "2": {
        "$value": "#9c8500",
        "$type": "color"
      },
      "3": {
        "$value": "#ba62a5",
        "$type": "color"
      },
      "4": {
        "$value": "#1c9e63",
        "$type": "color"
      },
      "5": {
        "$value": "#cc6345",
        "$type": "color"
      },
      "6": {
        "$value": "#0096b1",
        "$type": "color"
      }
    },
    "dark": {
      "1": {
        "$value": "#96a2fc",
        "$type": "color"
      },
      "2": {
        "$value": "#c2aa3c",
        "$type": "color"
      },
      "3": {
        "$value": "#df8ac9",
        "$type": "color"
      },
      "4": {
        "$value": "#5ac389",
        "$type": "color"
      },
      "5": {
        "$value": "#f08c6e",
        "$type": "color"
      },
      "6": {
        "$value": "#12bee0",
        "$type": "color"
      }
    }
  },
  "semantic": {
    "$description": "Role tokens per mode. Values alias the primitives above with {reference} syntax; literals are APCA-chosen foregrounds.",
    "light": {
      "bg": {
        "$value": "{color.neutral.50}",
        "$type": "color"
      },
      "bg-subtle": {
        "$value": "{color.neutral.100}",
        "$type": "color"
      },
      "bg-muted": {
        "$value": "{color.neutral.200}",
        "$type": "color"
      },
      "surface": {
        "$value": "#ffffff",
        "$type": "color"
      },
      "fg": {
        "$value": "{color.neutral.900}",
        "$type": "color"
      },
      "fg-muted": {
        "$value": "{color.neutral.600}",
        "$type": "color"
      },
      "fg-subtle": {
        "$value": "{color.neutral.500}",
        "$type": "color"
      },
      "border": {
        "$value": "{color.neutral.200}",
        "$type": "color"
      },
      "border-strong": {
        "$value": "{color.neutral.300}",
        "$type": "color"
      },
      "brand": {
        "$value": "{color.primary.600}",
        "$type": "color"
      },
      "brand-hover": {
        "$value": "{color.primary.700}",
        "$type": "color"
      },
      "brand-active": {
        "$value": "{color.primary.800}",
        "$type": "color"
      },
      "brand-fg": {
        "$value": "#ffffff",
        "$type": "color"
      },
      "brand-subtle": {
        "$value": "{color.primary.50}",
        "$type": "color"
      },
      "brand-subtle-fg": {
        "$value": "{color.primary.800}",
        "$type": "color"
      },
      "accent": {
        "$value": "{color.accent.500}",
        "$type": "color"
      },
      "accent-fg": {
        "$value": "#ffffff",
        "$type": "color"
      },
      "accent-subtle": {
        "$value": "{color.accent.100}",
        "$type": "color"
      },
      "accent-subtle-fg": {
        "$value": "{color.accent.800}",
        "$type": "color"
      },
      "ring": {
        "$value": "{color.primary.500}",
        "$type": "color"
      },
      "success-bg": {
        "$value": "{color.success.50}",
        "$type": "color"
      },
      "success-border": {
        "$value": "{color.success.200}",
        "$type": "color"
      },
      "success-fg": {
        "$value": "{color.success.800}",
        "$type": "color"
      },
      "success-text": {
        "$value": "{color.success.700}",
        "$type": "color"
      },
      "success-solid": {
        "$value": "{color.success.600}",
        "$type": "color"
      },
      "warning-bg": {
        "$value": "{color.warning.50}",
        "$type": "color"
      },
      "warning-border": {
        "$value": "{color.warning.200}",
        "$type": "color"
      },
      "warning-fg": {
        "$value": "{color.warning.800}",
        "$type": "color"
      },
      "warning-text": {
        "$value": "{color.warning.700}",
        "$type": "color"
      },
      "warning-solid": {
        "$value": "{color.warning.600}",
        "$type": "color"
      },
      "danger-bg": {
        "$value": "{color.danger.50}",
        "$type": "color"
      },
      "danger-border": {
        "$value": "{color.danger.200}",
        "$type": "color"
      },
      "danger-fg": {
        "$value": "{color.danger.800}",
        "$type": "color"
      },
      "danger-text": {
        "$value": "{color.danger.700}",
        "$type": "color"
      },
      "danger-solid": {
        "$value": "{color.danger.600}",
        "$type": "color"
      },
      "info-bg": {
        "$value": "{color.info.50}",
        "$type": "color"
      },
      "info-border": {
        "$value": "{color.info.200}",
        "$type": "color"
      },
      "info-fg": {
        "$value": "{color.info.800}",
        "$type": "color"
      },
      "info-text": {
        "$value": "{color.info.700}",
        "$type": "color"
      },
      "info-solid": {
        "$value": "{color.info.600}",
        "$type": "color"
      },
      "chart-1": {
        "$value": "{chart.light.1}",
        "$type": "color"
      },
      "chart-2": {
        "$value": "{chart.light.2}",
        "$type": "color"
      },
      "chart-3": {
        "$value": "{chart.light.3}",
        "$type": "color"
      },
      "chart-4": {
        "$value": "{chart.light.4}",
        "$type": "color"
      },
      "chart-5": {
        "$value": "{chart.light.5}",
        "$type": "color"
      },
      "chart-6": {
        "$value": "{chart.light.6}",
        "$type": "color"
      }
    },
    "dark": {
      "bg": {
        "$value": "{color.neutral.950}",
        "$type": "color"
      },
      "bg-subtle": {
        "$value": "{color.neutral.900}",
        "$type": "color"
      },
      "bg-muted": {
        "$value": "{color.neutral.800}",
        "$type": "color"
      },
      "surface": {
        "$value": "{color.neutral.900}",
        "$type": "color"
      },
      "fg": {
        "$value": "{color.neutral.50}",
        "$type": "color"
      },
      "fg-muted": {
        "$value": "{color.neutral.300}",
        "$type": "color"
      },
      "fg-subtle": {
        "$value": "{color.neutral.400}",
        "$type": "color"
      },
      "border": {
        "$value": "{color.neutral.800}",
        "$type": "color"
      },
      "border-strong": {
        "$value": "{color.neutral.700}",
        "$type": "color"
      },
      "brand": {
        "$value": "{color.primary.500}",
        "$type": "color"
      },
      "brand-hover": {
        "$value": "{color.primary.400}",
        "$type": "color"
      },
      "brand-active": {
        "$value": "{color.primary.300}",
        "$type": "color"
      },
      "brand-fg": {
        "$value": "#ffffff",
        "$type": "color"
      },
      "brand-subtle": {
        "$value": "{color.primary.950}",
        "$type": "color"
      },
      "brand-subtle-fg": {
        "$value": "{color.primary.200}",
        "$type": "color"
      },
      "accent": {
        "$value": "{color.accent.400}",
        "$type": "color"
      },
      "accent-fg": {
        "$value": "#ffffff",
        "$type": "color"
      },
      "accent-subtle": {
        "$value": "{color.accent.900}",
        "$type": "color"
      },
      "accent-subtle-fg": {
        "$value": "{color.accent.200}",
        "$type": "color"
      },
      "ring": {
        "$value": "{color.primary.400}",
        "$type": "color"
      },
      "success-bg": {
        "$value": "{color.success.950}",
        "$type": "color"
      },
      "success-border": {
        "$value": "{color.success.800}",
        "$type": "color"
      },
      "success-fg": {
        "$value": "{color.success.300}",
        "$type": "color"
      },
      "success-text": {
        "$value": "{color.success.400}",
        "$type": "color"
      },
      "success-solid": {
        "$value": "{color.success.500}",
        "$type": "color"
      },
      "warning-bg": {
        "$value": "{color.warning.950}",
        "$type": "color"
      },
      "warning-border": {
        "$value": "{color.warning.800}",
        "$type": "color"
      },
      "warning-fg": {
        "$value": "{color.warning.300}",
        "$type": "color"
      },
      "warning-text": {
        "$value": "{color.warning.400}",
        "$type": "color"
      },
      "warning-solid": {
        "$value": "{color.warning.500}",
        "$type": "color"
      },
      "danger-bg": {
        "$value": "{color.danger.950}",
        "$type": "color"
      },
      "danger-border": {
        "$value": "{color.danger.800}",
        "$type": "color"
      },
      "danger-fg": {
        "$value": "{color.danger.300}",
        "$type": "color"
      },
      "danger-text": {
        "$value": "{color.danger.400}",
        "$type": "color"
      },
      "danger-solid": {
        "$value": "{color.danger.500}",
        "$type": "color"
      },
      "info-bg": {
        "$value": "{color.info.950}",
        "$type": "color"
      },
      "info-border": {
        "$value": "{color.info.800}",
        "$type": "color"
      },
      "info-fg": {
        "$value": "{color.info.300}",
        "$type": "color"
      },
      "info-text": {
        "$value": "{color.info.400}",
        "$type": "color"
      },
      "info-solid": {
        "$value": "{color.info.500}",
        "$type": "color"
      },
      "chart-1": {
        "$value": "{chart.dark.1}",
        "$type": "color"
      },
      "chart-2": {
        "$value": "{chart.dark.2}",
        "$type": "color"
      },
      "chart-3": {
        "$value": "{chart.dark.3}",
        "$type": "color"
      },
      "chart-4": {
        "$value": "{chart.dark.4}",
        "$type": "color"
      },
      "chart-5": {
        "$value": "{chart.dark.5}",
        "$type": "color"
      },
      "chart-6": {
        "$value": "{chart.dark.6}",
        "$type": "color"
      }
    }
  },
  "fontSize": {
    "$description": "Font sizes from xs to 6xl in rem units.",
    "xs": {
      "$value": "0.6944rem",
      "$type": "dimension"
    },
    "sm": {
      "$value": "0.8333rem",
      "$type": "dimension"
    },
    "base": {
      "$value": "1rem",
      "$type": "dimension"
    },
    "lg": {
      "$value": "1.2rem",
      "$type": "dimension"
    },
    "xl": {
      "$value": "1.44rem",
      "$type": "dimension"
    },
    "2xl": {
      "$value": "1.728rem",
      "$type": "dimension"
    },
    "3xl": {
      "$value": "2.0736rem",
      "$type": "dimension"
    },
    "4xl": {
      "$value": "2.4883rem",
      "$type": "dimension"
    },
    "5xl": {
      "$value": "2.986rem",
      "$type": "dimension"
    },
    "6xl": {
      "$value": "3.5832rem",
      "$type": "dimension"
    }
  },
  "lineHeight": {
    "$description": "Line height multipliers paired with each font size step.",
    "xs": {
      "$value": "1.5",
      "$type": "number"
    },
    "sm": {
      "$value": "1.5",
      "$type": "number"
    },
    "base": {
      "$value": "1.5",
      "$type": "number"
    },
    "lg": {
      "$value": "1.5",
      "$type": "number"
    },
    "xl": {
      "$value": "1.4",
      "$type": "number"
    },
    "2xl": {
      "$value": "1.2",
      "$type": "number"
    },
    "3xl": {
      "$value": "1.2",
      "$type": "number"
    },
    "4xl": {
      "$value": "1.2",
      "$type": "number"
    },
    "5xl": {
      "$value": "1.2",
      "$type": "number"
    },
    "6xl": {
      "$value": "1.2",
      "$type": "number"
    }
  },
  "letterSpacing": {
    "$description": "Letter-spacing per type step, in em. Display sizes tighten; body stays neutral.",
    "xs": {
      "$value": "0",
      "$type": "dimension"
    },
    "sm": {
      "$value": "0",
      "$type": "dimension"
    },
    "base": {
      "$value": "0",
      "$type": "dimension"
    },
    "lg": {
      "$value": "-0.005em",
      "$type": "dimension"
    },
    "xl": {
      "$value": "-0.010em",
      "$type": "dimension"
    },
    "2xl": {
      "$value": "-0.015em",
      "$type": "dimension"
    },
    "3xl": {
      "$value": "-0.020em",
      "$type": "dimension"
    },
    "4xl": {
      "$value": "-0.025em",
      "$type": "dimension"
    },
    "5xl": {
      "$value": "-0.030em",
      "$type": "dimension"
    },
    "6xl": {
      "$value": "-0.030em",
      "$type": "dimension"
    }
  },
  "spacing": {
    "0": {
      "$value": "0",
      "$type": "dimension"
    },
    "1": {
      "$value": "0.25rem",
      "$type": "dimension"
    },
    "2": {
      "$value": "0.5rem",
      "$type": "dimension"
    },
    "3": {
      "$value": "0.75rem",
      "$type": "dimension"
    },
    "4": {
      "$value": "1rem",
      "$type": "dimension"
    },
    "5": {
      "$value": "1.25rem",
      "$type": "dimension"
    },
    "6": {
      "$value": "1.5rem",
      "$type": "dimension"
    },
    "8": {
      "$value": "2rem",
      "$type": "dimension"
    },
    "10": {
      "$value": "2.5rem",
      "$type": "dimension"
    },
    "12": {
      "$value": "3rem",
      "$type": "dimension"
    },
    "16": {
      "$value": "4rem",
      "$type": "dimension"
    },
    "20": {
      "$value": "5rem",
      "$type": "dimension"
    },
    "24": {
      "$value": "6rem",
      "$type": "dimension"
    },
    "32": {
      "$value": "8rem",
      "$type": "dimension"
    },
    "40": {
      "$value": "10rem",
      "$type": "dimension"
    },
    "48": {
      "$value": "12rem",
      "$type": "dimension"
    },
    "56": {
      "$value": "14rem",
      "$type": "dimension"
    },
    "64": {
      "$value": "16rem",
      "$type": "dimension"
    },
    "$description": "Spacing scale based on a 4px / 0.25rem step.",
    "0_5": {
      "$value": "0.125rem",
      "$type": "dimension"
    },
    "1_5": {
      "$value": "0.375rem",
      "$type": "dimension"
    },
    "2_5": {
      "$value": "0.625rem",
      "$type": "dimension"
    }
  },
  "radius": {
    "$description": "Border radius scale.",
    "none": {
      "$value": "0",
      "$type": "dimension"
    },
    "sm": {
      "$value": "0.125rem",
      "$type": "dimension"
    },
    "md": {
      "$value": "0.25rem",
      "$type": "dimension"
    },
    "lg": {
      "$value": "0.375rem",
      "$type": "dimension"
    },
    "xl": {
      "$value": "0.625rem",
      "$type": "dimension"
    },
    "2xl": {
      "$value": "1rem",
      "$type": "dimension"
    },
    "3xl": {
      "$value": "1.5rem",
      "$type": "dimension"
    },
    "full": {
      "$value": "9999px",
      "$type": "dimension"
    }
  },
  "shadow": {
    "$description": "Box-shadow values. Use the 'shadow' $type per W3C draft.",
    "sm": {
      "$value": "0 1px 2px 0 rgba(35, 36, 40, 0.06)",
      "$type": "shadow"
    },
    "md": {
      "$value": "0 4px 6px -1px rgba(35, 36, 40, 0.1), 0 2px 4px -2px rgba(35, 36, 40, 0.06)",
      "$type": "shadow"
    },
    "lg": {
      "$value": "0 10px 15px -3px rgba(35, 36, 40, 0.1), 0 4px 6px -4px rgba(35, 36, 40, 0.06)",
      "$type": "shadow"
    },
    "xl": {
      "$value": "0 20px 25px -5px rgba(35, 36, 40, 0.1), 0 8px 10px -6px rgba(35, 36, 40, 0.06)",
      "$type": "shadow"
    },
    "2xl": {
      "$value": "0 25px 50px -12px rgba(35, 36, 40, 0.25)",
      "$type": "shadow"
    }
  },
  "theme": {
    "$description": "Semantic roles per mode. Aliases reference the primitive scales above; literals are APCA-chosen foregrounds.",
    "light": {
      "bg": {
        "$value": "{color.neutral.50}",
        "$type": "color",
        "$description": "Page background."
      },
      "bg-subtle": {
        "$value": "{color.neutral.100}",
        "$type": "color",
        "$description": "Recessed background: sidebars, wells, table headers."
      },
      "bg-muted": {
        "$value": "{color.neutral.200}",
        "$type": "color",
        "$description": "Stronger recess: disabled fills, skeletons."
      },
      "surface": {
        "$value": "#ffffff",
        "$type": "color",
        "$description": "Card and panel background, sits on bg."
      },
      "surface-raised": {
        "$value": "#ffffff",
        "$type": "color",
        "$description": "Popover and menu background, sits on surface."
      },
      "fg": {
        "$value": "{color.neutral.900}",
        "$type": "color",
        "$description": "Body text."
      },
      "fg-muted": {
        "$value": "{color.neutral.600}",
        "$type": "color",
        "$description": "Secondary text: captions, helper copy."
      },
      "fg-subtle": {
        "$value": "{color.neutral.500}",
        "$type": "color",
        "$description": "Placeholder and disabled text. Not for essential copy."
      },
      "border": {
        "$value": "{color.neutral.200}",
        "$type": "color",
        "$description": "Default hairline."
      },
      "border-strong": {
        "$value": "{color.neutral.300}",
        "$type": "color",
        "$description": "Input borders, emphasised dividers."
      },
      "ring": {
        "$value": "{color.primary.500}",
        "$type": "color",
        "$description": "Focus ring."
      },
      "brand": {
        "$value": "{color.primary.600}",
        "$type": "color",
        "$description": "Primary action fill and brand text."
      },
      "brand-hover": {
        "$value": "{color.primary.700}",
        "$type": "color",
        "$description": "Primary action, hovered."
      },
      "brand-active": {
        "$value": "{color.primary.800}",
        "$type": "color",
        "$description": "Primary action, pressed."
      },
      "brand-subtle": {
        "$value": "{color.primary.50}",
        "$type": "color",
        "$description": "Tinted brand background: selected rows, callouts."
      },
      "brand-fg": {
        "$value": "#ffffff",
        "$type": "color",
        "$description": "Text on the brand fill. APCA-chosen."
      },
      "accent": {
        "$value": "{color.accent.500}",
        "$type": "color",
        "$description": "Secondary emphasis fill."
      },
      "accent-hover": {
        "$value": "{color.accent.600}",
        "$type": "color",
        "$description": "Secondary emphasis, hovered."
      },
      "accent-subtle": {
        "$value": "{color.accent.50}",
        "$type": "color",
        "$description": "Tinted accent background."
      },
      "accent-fg": {
        "$value": "#ffffff",
        "$type": "color",
        "$description": "Text on the accent fill. APCA-chosen."
      },
      "success": {
        "$value": "{color.success.600}",
        "$type": "color",
        "$description": "Positive status fill and icon."
      },
      "success-subtle": {
        "$value": "{color.success.50}",
        "$type": "color",
        "$description": "Positive status background."
      },
      "success-fg": {
        "$value": "{color.success.800}",
        "$type": "color",
        "$description": "Positive status text, on the subtle background."
      },
      "warning": {
        "$value": "{color.warning.600}",
        "$type": "color",
        "$description": "Caution status fill and icon."
      },
      "warning-subtle": {
        "$value": "{color.warning.50}",
        "$type": "color",
        "$description": "Caution status background."
      },
      "warning-fg": {
        "$value": "{color.warning.800}",
        "$type": "color",
        "$description": "Caution status text, on the subtle background."
      },
      "danger": {
        "$value": "{color.danger.600}",
        "$type": "color",
        "$description": "Destructive status fill and icon."
      },
      "danger-subtle": {
        "$value": "{color.danger.50}",
        "$type": "color",
        "$description": "Destructive status background."
      },
      "danger-fg": {
        "$value": "{color.danger.800}",
        "$type": "color",
        "$description": "Destructive status text, on the subtle background."
      },
      "info": {
        "$value": "{color.info.600}",
        "$type": "color",
        "$description": "Informational status fill and icon."
      },
      "info-subtle": {
        "$value": "{color.info.50}",
        "$type": "color",
        "$description": "Informational status background."
      },
      "info-fg": {
        "$value": "{color.info.800}",
        "$type": "color",
        "$description": "Informational status text, on the subtle background."
      }
    },
    "dark": {
      "bg": {
        "$value": "{color.neutral.950}",
        "$type": "color",
        "$description": "Page background."
      },
      "bg-subtle": {
        "$value": "{color.neutral.900}",
        "$type": "color",
        "$description": "Recessed background: sidebars, wells, table headers."
      },
      "bg-muted": {
        "$value": "{color.neutral.800}",
        "$type": "color",
        "$description": "Stronger recess: disabled fills, skeletons."
      },
      "surface": {
        "$value": "{color.neutral.900}",
        "$type": "color",
        "$description": "Card and panel background, sits on bg."
      },
      "surface-raised": {
        "$value": "{color.neutral.800}",
        "$type": "color",
        "$description": "Popover and menu background, sits on surface."
      },
      "fg": {
        "$value": "{color.neutral.50}",
        "$type": "color",
        "$description": "Body text."
      },
      "fg-muted": {
        "$value": "{color.neutral.300}",
        "$type": "color",
        "$description": "Secondary text: captions, helper copy."
      },
      "fg-subtle": {
        "$value": "{color.neutral.400}",
        "$type": "color",
        "$description": "Placeholder and disabled text. Not for essential copy."
      },
      "border": {
        "$value": "{color.neutral.800}",
        "$type": "color",
        "$description": "Default hairline."
      },
      "border-strong": {
        "$value": "{color.neutral.700}",
        "$type": "color",
        "$description": "Input borders, emphasised dividers."
      },
      "ring": {
        "$value": "{color.primary.400}",
        "$type": "color",
        "$description": "Focus ring."
      },
      "brand": {
        "$value": "{color.primary.300}",
        "$type": "color",
        "$description": "Primary action fill and brand text."
      },
      "brand-hover": {
        "$value": "{color.primary.200}",
        "$type": "color",
        "$description": "Primary action, hovered."
      },
      "brand-active": {
        "$value": "{color.primary.100}",
        "$type": "color",
        "$description": "Primary action, pressed."
      },
      "brand-subtle": {
        "$value": "{color.primary.950}",
        "$type": "color",
        "$description": "Tinted brand background: selected rows, callouts."
      },
      "brand-fg": {
        "$value": "#0a0a0a",
        "$type": "color",
        "$description": "Text on the brand fill. APCA-chosen."
      },
      "accent": {
        "$value": "{color.accent.300}",
        "$type": "color",
        "$description": "Secondary emphasis fill."
      },
      "accent-hover": {
        "$value": "{color.accent.200}",
        "$type": "color",
        "$description": "Secondary emphasis, hovered."
      },
      "accent-subtle": {
        "$value": "{color.accent.950}",
        "$type": "color",
        "$description": "Tinted accent background."
      },
      "accent-fg": {
        "$value": "#0a0a0a",
        "$type": "color",
        "$description": "Text on the accent fill. APCA-chosen."
      },
      "success": {
        "$value": "{color.success.500}",
        "$type": "color",
        "$description": "Positive status fill and icon."
      },
      "success-subtle": {
        "$value": "{color.success.950}",
        "$type": "color",
        "$description": "Positive status background."
      },
      "success-fg": {
        "$value": "{color.success.300}",
        "$type": "color",
        "$description": "Positive status text, on the subtle background."
      },
      "warning": {
        "$value": "{color.warning.500}",
        "$type": "color",
        "$description": "Caution status fill and icon."
      },
      "warning-subtle": {
        "$value": "{color.warning.950}",
        "$type": "color",
        "$description": "Caution status background."
      },
      "warning-fg": {
        "$value": "{color.warning.300}",
        "$type": "color",
        "$description": "Caution status text, on the subtle background."
      },
      "danger": {
        "$value": "{color.danger.500}",
        "$type": "color",
        "$description": "Destructive status fill and icon."
      },
      "danger-subtle": {
        "$value": "{color.danger.950}",
        "$type": "color",
        "$description": "Destructive status background."
      },
      "danger-fg": {
        "$value": "{color.danger.300}",
        "$type": "color",
        "$description": "Destructive status text, on the subtle background."
      },
      "info": {
        "$value": "{color.info.500}",
        "$type": "color",
        "$description": "Informational status fill and icon."
      },
      "info-subtle": {
        "$value": "{color.info.950}",
        "$type": "color",
        "$description": "Informational status background."
      },
      "info-fg": {
        "$value": "{color.info.300}",
        "$type": "color",
        "$description": "Informational status text, on the subtle background."
      }
    }
  },
  "motion": {
    "$description": "Motion tokens (standard). Durations in ms; easings as cubic-bezier control points.",
    "duration": {
      "instant": {
        "$value": "50ms",
        "$type": "duration"
      },
      "fast": {
        "$value": "120ms",
        "$type": "duration"
      },
      "base": {
        "$value": "200ms",
        "$type": "duration"
      },
      "slow": {
        "$value": "320ms",
        "$type": "duration"
      },
      "slower": {
        "$value": "500ms",
        "$type": "duration"
      }
    },
    "easing": {
      "standard": {
        "$value": [
          0.2,
          0,
          0,
          1
        ],
        "$type": "cubicBezier"
      },
      "emphasized": {
        "$value": [
          0.3,
          0,
          0,
          1
        ],
        "$type": "cubicBezier"
      },
      "decelerate": {
        "$value": [
          0,
          0,
          0,
          1
        ],
        "$type": "cubicBezier"
      },
      "accelerate": {
        "$value": [
          0.3,
          0,
          1,
          1
        ],
        "$type": "cubicBezier"
      },
      "linear": {
        "$value": [
          0,
          0,
          1,
          1
        ],
        "$type": "cubicBezier"
      }
    }
  }
}