{
  "$schema": "aihio-tokens",
  "version": "2.3.0",
  "groups": {
    "color": "Themed colours, named for what they colour. Each has a light and a dark value.",
    "spacing": "Gaps and padding, named for the rhythm they set rather than a step on the scale.",
    "radius": "Corner rounding for surfaces and controls.",
    "font-family": "Typefaces for interface text and fixed-width data.",
    "font-size": "Text sizes for body copy, controls, and surface titles.",
    "font-weight": "Weights for body text, controls, and headings.",
    "letter-spacing": "Optical tracking, tightening as type grows.",
    "line-height": "Line heights for readable copy and compact labels.",
    "shadow": "Elevation for surfaces and overlays.",
    "duration": "Motion timing for feedback and overlay entrance. Collapsed to 1ms under reduced motion, except the spinner."
  },
  "tokens": [
    {
      "name": "--aihio-color-border-subtle",
      "tier": "semantic",
      "group": "color",
      "type": "color",
      "value": {
        "light": "oklch(0.9020 0.0040 286)",
        "dark": "oklch(0.2603 0.0040 286)"
      },
      "references": {
        "light": [
          "--aihio-color-zinc-200"
        ],
        "dark": [
          "--aihio-color-zinc-850"
        ]
      },
      "description": "Default border color for surfaces and outlines."
    },
    {
      "name": "--aihio-color-control-highlight-bg",
      "tier": "semantic",
      "group": "color",
      "type": "color",
      "value": {
        "light": "oklch(0.9406 0.0027 286)",
        "dark": "oklch(0.2316 0.0038 286)"
      },
      "references": {
        "light": [
          "--aihio-color-zinc-100"
        ],
        "dark": [
          "--aihio-color-zinc-900"
        ]
      },
      "description": "Hover and pressed highlight background for neutral controls."
    },
    {
      "name": "--aihio-color-control-highlight-fg",
      "tier": "semantic",
      "group": "color",
      "type": "color",
      "value": {
        "light": "oklch(0.2316 0.0038 286)",
        "dark": "oklch(0.9707 0.0027 286)"
      },
      "references": {
        "light": [
          "--aihio-color-zinc-900"
        ],
        "dark": [
          "--aihio-color-zinc-50"
        ]
      },
      "description": "Foreground on hover and pressed highlight backgrounds."
    },
    {
      "name": "--aihio-color-destructive-bg",
      "tier": "semantic",
      "group": "color",
      "type": "color",
      "value": {
        "light": "oklch(0.56 0.200 27)",
        "dark": "oklch(0.56 0.200 27)"
      },
      "references": {
        "light": [
          "--aihio-color-red-600"
        ],
        "dark": [
          "--aihio-color-red-600"
        ]
      },
      "description": "Destructive emphasis background and error color."
    },
    {
      "name": "--aihio-color-destructive-fg",
      "tier": "semantic",
      "group": "color",
      "type": "color",
      "value": {
        "light": "oklch(1 0 0)",
        "dark": "oklch(1 0 0)"
      },
      "references": {
        "light": [
          "--aihio-color-zinc-0"
        ],
        "dark": [
          "--aihio-color-zinc-0"
        ]
      },
      "description": "Foreground on destructive emphasis backgrounds."
    },
    {
      "name": "--aihio-color-destructive-text",
      "tier": "semantic",
      "group": "color",
      "type": "color",
      "value": {
        "light": "oklch(0.56 0.200 27)",
        "dark": "oklch(0.71 0.155 25)"
      },
      "references": {
        "light": [
          "--aihio-color-red-600"
        ],
        "dark": [
          "--aihio-color-red-400"
        ]
      },
      "description": "Destructive text and iconography drawn directly on page or surface backgrounds, where the emphasis background is not used."
    },
    {
      "name": "--aihio-color-field-border",
      "tier": "semantic",
      "group": "color",
      "type": "color",
      "value": {
        "light": "oklch(0.6217 0.0074 286)",
        "dark": "oklch(0.5399 0.0077 286)"
      },
      "references": {
        "light": [
          "--aihio-color-zinc-500"
        ],
        "dark": [
          "--aihio-color-zinc-550"
        ]
      },
      "description": "Default border color for editable form fields."
    },
    {
      "name": "--aihio-color-focus-ring",
      "tier": "semantic",
      "group": "color",
      "type": "color",
      "value": {
        "light": "oklch(0.2316 0.0038 286)",
        "dark": "oklch(0.8700 0.0060 286)"
      },
      "references": {
        "light": [
          "--aihio-color-zinc-900"
        ],
        "dark": [
          "--aihio-color-zinc-300"
        ]
      },
      "description": "Focus indication ring for keyboard interactions."
    },
    {
      "name": "--aihio-color-muted-bg",
      "tier": "semantic",
      "group": "color",
      "type": "color",
      "value": {
        "light": "oklch(0.9707 0.0027 286)",
        "dark": "oklch(0.2006 0.0020 286)"
      },
      "references": {
        "light": [
          "--aihio-color-zinc-50"
        ],
        "dark": [
          "--aihio-color-zinc-950"
        ]
      },
      "description": "Muted fill for grouped controls and subdued surfaces."
    },
    {
      "name": "--aihio-color-muted-fg",
      "tier": "semantic",
      "group": "color",
      "type": "color",
      "value": {
        "light": "oklch(0.5399 0.0077 286)",
        "dark": "oklch(0.7105 0.0072 286)"
      },
      "references": {
        "light": [
          "--aihio-color-zinc-550"
        ],
        "dark": [
          "--aihio-color-zinc-450"
        ]
      },
      "description": "Supporting foreground on muted fills."
    },
    {
      "name": "--aihio-color-overlay-bg",
      "tier": "semantic",
      "group": "color",
      "type": "color",
      "value": {
        "light": "oklch(1 0 0)",
        "dark": "oklch(0.2316 0.0038 286)"
      },
      "references": {
        "light": [
          "--aihio-color-zinc-0"
        ],
        "dark": [
          "--aihio-color-zinc-900"
        ]
      },
      "description": "Surface background for transient overlays such as dropdowns."
    },
    {
      "name": "--aihio-color-overlay-fg",
      "tier": "semantic",
      "group": "color",
      "type": "color",
      "value": {
        "light": "oklch(0.2316 0.0038 286)",
        "dark": "oklch(0.9707 0.0027 286)"
      },
      "references": {
        "light": [
          "--aihio-color-zinc-900"
        ],
        "dark": [
          "--aihio-color-zinc-50"
        ]
      },
      "description": "Foreground on transient overlays."
    },
    {
      "name": "--aihio-color-overlay-highlight-bg",
      "tier": "semantic",
      "group": "color",
      "type": "color",
      "value": {
        "light": "oklch(0.9406 0.0027 286)",
        "dark": "oklch(0.3200 0.0050 286)"
      },
      "references": {
        "light": [
          "--aihio-color-zinc-100"
        ],
        "dark": [
          "--aihio-color-zinc-800"
        ]
      },
      "description": "The highlighted item inside an overlay: the active combobox option or a hovered dropdown item. It has to differ from overlay-bg, which control-highlight-bg does not in the dark theme."
    },
    {
      "name": "--aihio-color-overlay-scrim",
      "tier": "semantic",
      "group": "color",
      "type": "color",
      "value": "oklch(0 0 0 / 0.8)",
      "references": [],
      "description": "Modal backdrop scrim behind blocking overlays."
    },
    {
      "name": "--aihio-color-page-bg",
      "tier": "semantic",
      "group": "color",
      "type": "color",
      "value": {
        "light": "oklch(1 0 0)",
        "dark": "oklch(0 0 0)"
      },
      "references": {
        "light": [
          "--aihio-color-zinc-0"
        ],
        "dark": [
          "--aihio-color-zinc-1000"
        ]
      },
      "description": "Default page canvas and neutral active backgrounds."
    },
    {
      "name": "--aihio-color-page-fg",
      "tier": "semantic",
      "group": "color",
      "type": "color",
      "value": {
        "light": "oklch(0.2316 0.0038 286)",
        "dark": "oklch(0.9707 0.0027 286)"
      },
      "references": {
        "light": [
          "--aihio-color-zinc-900"
        ],
        "dark": [
          "--aihio-color-zinc-50"
        ]
      },
      "description": "Primary foreground on the page canvas."
    },
    {
      "name": "--aihio-color-placeholder-bg",
      "tier": "semantic",
      "group": "color",
      "type": "color",
      "value": {
        "light": "oklch(0.9020 0.0040 286)",
        "dark": "oklch(0.3200 0.0050 286)"
      },
      "references": {
        "light": [
          "--aihio-color-zinc-200"
        ],
        "dark": [
          "--aihio-color-zinc-800"
        ]
      },
      "description": "Fill for something that stands in for missing content, such as an avatar's initials. One step off both the page and a surface, where muted-bg matches the surface and disappears into a card."
    },
    {
      "name": "--aihio-color-placeholder-fg",
      "tier": "semantic",
      "group": "color",
      "type": "color",
      "value": {
        "light": "oklch(0.4000 0.0060 286)",
        "dark": "oklch(0.8700 0.0060 286)"
      },
      "references": {
        "light": [
          "--aihio-color-zinc-700"
        ],
        "dark": [
          "--aihio-color-zinc-300"
        ]
      },
      "description": "Text on the placeholder fill."
    },
    {
      "name": "--aihio-color-primary-action-bg",
      "tier": "semantic",
      "group": "color",
      "type": "color",
      "value": {
        "light": "oklch(0.2316 0.0038 286)",
        "dark": "oklch(0.9707 0.0027 286)"
      },
      "references": {
        "light": [
          "--aihio-color-zinc-900"
        ],
        "dark": [
          "--aihio-color-zinc-50"
        ]
      },
      "description": "Default filled action background."
    },
    {
      "name": "--aihio-color-primary-action-fg",
      "tier": "semantic",
      "group": "color",
      "type": "color",
      "value": {
        "light": "oklch(1 0 0)",
        "dark": "oklch(0 0 0)"
      },
      "references": {
        "light": [
          "--aihio-color-zinc-0"
        ],
        "dark": [
          "--aihio-color-zinc-1000"
        ]
      },
      "description": "Foreground on default filled actions."
    },
    {
      "name": "--aihio-color-secondary-action-bg",
      "tier": "semantic",
      "group": "color",
      "type": "color",
      "value": {
        "light": "oklch(0.9406 0.0027 286)",
        "dark": "oklch(0.2316 0.0038 286)"
      },
      "references": {
        "light": [
          "--aihio-color-zinc-100"
        ],
        "dark": [
          "--aihio-color-zinc-900"
        ]
      },
      "description": "Lower-emphasis filled action background."
    },
    {
      "name": "--aihio-color-secondary-action-fg",
      "tier": "semantic",
      "group": "color",
      "type": "color",
      "value": {
        "light": "oklch(0.2316 0.0038 286)",
        "dark": "oklch(0.9707 0.0027 286)"
      },
      "references": {
        "light": [
          "--aihio-color-zinc-900"
        ],
        "dark": [
          "--aihio-color-zinc-50"
        ]
      },
      "description": "Foreground on lower-emphasis filled actions."
    },
    {
      "name": "--aihio-color-success-bg",
      "tier": "semantic",
      "group": "color",
      "type": "color",
      "value": {
        "light": "oklch(0.52 0.140 150)",
        "dark": "oklch(0.52 0.140 150)"
      },
      "references": {
        "light": [
          "--aihio-color-green-600"
        ],
        "dark": [
          "--aihio-color-green-600"
        ]
      },
      "description": "Emphasis background for confirmed and healthy states."
    },
    {
      "name": "--aihio-color-success-fg",
      "tier": "semantic",
      "group": "color",
      "type": "color",
      "value": {
        "light": "oklch(1 0 0)",
        "dark": "oklch(1 0 0)"
      },
      "references": {
        "light": [
          "--aihio-color-zinc-0"
        ],
        "dark": [
          "--aihio-color-zinc-0"
        ]
      },
      "description": "Foreground on success emphasis backgrounds."
    },
    {
      "name": "--aihio-color-success-text",
      "tier": "semantic",
      "group": "color",
      "type": "color",
      "value": {
        "light": "oklch(0.52 0.140 150)",
        "dark": "oklch(0.72 0.150 150)"
      },
      "references": {
        "light": [
          "--aihio-color-green-600"
        ],
        "dark": [
          "--aihio-color-green-400"
        ]
      },
      "description": "Success text and iconography drawn directly on page or surface backgrounds."
    },
    {
      "name": "--aihio-color-surface-bg",
      "tier": "semantic",
      "group": "color",
      "type": "color",
      "value": {
        "light": "oklch(0.9707 0.0027 286)",
        "dark": "oklch(0.2006 0.0020 286)"
      },
      "references": {
        "light": [
          "--aihio-color-zinc-50"
        ],
        "dark": [
          "--aihio-color-zinc-950"
        ]
      },
      "description": "Raised surface background for cards, alerts, and dialog panels."
    },
    {
      "name": "--aihio-color-surface-fg",
      "tier": "semantic",
      "group": "color",
      "type": "color",
      "value": {
        "light": "oklch(0.2316 0.0038 286)",
        "dark": "oklch(0.9707 0.0027 286)"
      },
      "references": {
        "light": [
          "--aihio-color-zinc-900"
        ],
        "dark": [
          "--aihio-color-zinc-50"
        ]
      },
      "description": "Primary foreground on raised surfaces."
    },
    {
      "name": "--aihio-color-warning-bg",
      "tier": "semantic",
      "group": "color",
      "type": "color",
      "value": {
        "light": "oklch(0.80 0.160 75)",
        "dark": "oklch(0.80 0.160 75)"
      },
      "references": {
        "light": [
          "--aihio-color-amber-400"
        ],
        "dark": [
          "--aihio-color-amber-400"
        ]
      },
      "description": "Emphasis background for states that need attention but are not failures."
    },
    {
      "name": "--aihio-color-warning-fg",
      "tier": "semantic",
      "group": "color",
      "type": "color",
      "value": {
        "light": "oklch(0.2316 0.0038 286)",
        "dark": "oklch(0 0 0)"
      },
      "references": {
        "light": [
          "--aihio-color-zinc-900"
        ],
        "dark": [
          "--aihio-color-zinc-1000"
        ]
      },
      "description": "Foreground on warning emphasis backgrounds. Dark, because an accessible amber fill is light in both themes."
    },
    {
      "name": "--aihio-color-warning-text",
      "tier": "semantic",
      "group": "color",
      "type": "color",
      "value": {
        "light": "oklch(0.52 0.100 75)",
        "dark": "oklch(0.80 0.160 75)"
      },
      "references": {
        "light": [
          "--aihio-color-amber-700"
        ],
        "dark": [
          "--aihio-color-amber-400"
        ]
      },
      "description": "Warning text and iconography drawn directly on page or surface backgrounds."
    },
    {
      "name": "--aihio-duration-feedback",
      "tier": "semantic",
      "group": "duration",
      "type": "duration",
      "value": "150ms",
      "references": [
        "--aihio-duration-normal"
      ],
      "description": "Default control feedback transition duration."
    },
    {
      "name": "--aihio-duration-feedback-fast",
      "tier": "semantic",
      "group": "duration",
      "type": "duration",
      "value": "100ms",
      "references": [
        "--aihio-duration-fast"
      ],
      "description": "Fast hover and menu-item feedback transitions."
    },
    {
      "name": "--aihio-duration-overlay",
      "tier": "semantic",
      "group": "duration",
      "type": "duration",
      "value": "200ms",
      "references": [
        "--aihio-duration-slow"
      ],
      "description": "Entrance timing for larger blocking overlays."
    },
    {
      "name": "--aihio-duration-spinner",
      "tier": "semantic",
      "group": "duration",
      "type": "duration",
      "value": "700ms",
      "references": [
        "--aihio-duration-spin"
      ],
      "description": "One full rotation of an indeterminate busy indicator."
    },
    {
      "name": "--aihio-font-family-body",
      "tier": "semantic",
      "group": "font-family",
      "type": "fontFamily",
      "value": "-apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"SF Pro Display\", \"Inter\", \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"",
      "references": [
        "--aihio-font-family-sans"
      ],
      "description": "Interface and body typeface for every component and page surface."
    },
    {
      "name": "--aihio-font-family-code",
      "tier": "semantic",
      "group": "font-family",
      "type": "fontFamily",
      "value": "ui-monospace, \"SF Mono\", \"Cascadia Code\", \"JetBrains Mono\", Menlo, Consolas, \"Liberation Mono\", monospace",
      "references": [
        "--aihio-font-family-mono"
      ],
      "description": "Typeface for code samples, markup, token names, and other fixed-width data."
    },
    {
      "name": "--aihio-font-size-badge",
      "tier": "semantic",
      "group": "font-size",
      "type": "dimension",
      "value": "0.75rem",
      "references": [
        "--aihio-font-size-xs"
      ],
      "description": "Dense label size for badges and tiny metadata chips."
    },
    {
      "name": "--aihio-font-size-body",
      "tier": "semantic",
      "group": "font-size",
      "type": "dimension",
      "value": "1rem",
      "references": [
        "--aihio-font-size-base"
      ],
      "description": "Default document body text size."
    },
    {
      "name": "--aihio-font-size-body-sm",
      "tier": "semantic",
      "group": "font-size",
      "type": "dimension",
      "value": "0.875rem",
      "references": [
        "--aihio-font-size-sm"
      ],
      "description": "Supporting text size for descriptions and secondary copy."
    },
    {
      "name": "--aihio-font-size-control",
      "tier": "semantic",
      "group": "font-size",
      "type": "dimension",
      "value": "0.875rem",
      "references": [
        "--aihio-font-size-sm"
      ],
      "description": "Default text size for controls."
    },
    {
      "name": "--aihio-font-size-control-lg",
      "tier": "semantic",
      "group": "font-size",
      "type": "dimension",
      "value": "1rem",
      "references": [
        "--aihio-font-size-base"
      ],
      "description": "Larger text size for prominent controls."
    },
    {
      "name": "--aihio-font-size-control-sm",
      "tier": "semantic",
      "group": "font-size",
      "type": "dimension",
      "value": "0.75rem",
      "references": [
        "--aihio-font-size-xs"
      ],
      "description": "Compact text size for small controls."
    },
    {
      "name": "--aihio-font-size-heading",
      "tier": "semantic",
      "group": "font-size",
      "type": "dimension",
      "value": "1.25rem",
      "references": [
        "--aihio-font-size-xl"
      ],
      "description": "Large surface title size. Sized to lead a card, not to headline a page — a title much larger than this stops reading as part of the surface it sits on."
    },
    {
      "name": "--aihio-font-size-heading-sm",
      "tier": "semantic",
      "group": "font-size",
      "type": "dimension",
      "value": "1.125rem",
      "references": [
        "--aihio-font-size-lg"
      ],
      "description": "Compact surface title size for dialogs and smaller panels."
    },
    {
      "name": "--aihio-font-weight-badge",
      "tier": "semantic",
      "group": "font-weight",
      "type": "fontWeight",
      "value": "600",
      "references": [
        "--aihio-font-weight-semibold"
      ],
      "description": "Dense emphasis weight for badges."
    },
    {
      "name": "--aihio-font-weight-body",
      "tier": "semantic",
      "group": "font-weight",
      "type": "fontWeight",
      "value": "400",
      "references": [
        "--aihio-font-weight-normal"
      ],
      "description": "Default document body weight."
    },
    {
      "name": "--aihio-font-weight-control",
      "tier": "semantic",
      "group": "font-weight",
      "type": "fontWeight",
      "value": "500",
      "references": [
        "--aihio-font-weight-medium"
      ],
      "description": "Emphasized but compact weight for controls and inline titles."
    },
    {
      "name": "--aihio-font-weight-heading",
      "tier": "semantic",
      "group": "font-weight",
      "type": "fontWeight",
      "value": "600",
      "references": [
        "--aihio-font-weight-semibold"
      ],
      "description": "Strong surface-heading weight."
    },
    {
      "name": "--aihio-letter-spacing-body",
      "tier": "semantic",
      "group": "letter-spacing",
      "type": "dimension",
      "value": "-0.011em",
      "references": [
        "--aihio-letter-spacing-normal"
      ],
      "description": "Default body and control tracking. Slightly negative, because the system stack sets a touch wide at UI sizes."
    },
    {
      "name": "--aihio-letter-spacing-display",
      "tier": "semantic",
      "group": "letter-spacing",
      "type": "dimension",
      "value": "-0.025em",
      "references": [
        "--aihio-letter-spacing-tighter"
      ],
      "description": "Tracking for large display type, where glyph gaps open up as size grows."
    },
    {
      "name": "--aihio-letter-spacing-heading",
      "tier": "semantic",
      "group": "letter-spacing",
      "type": "dimension",
      "value": "-0.018em",
      "references": [
        "--aihio-letter-spacing-tight"
      ],
      "description": "Tracking for surface titles and section headings."
    },
    {
      "name": "--aihio-letter-spacing-label",
      "tier": "semantic",
      "group": "letter-spacing",
      "type": "dimension",
      "value": "0.02em",
      "references": [
        "--aihio-letter-spacing-wide"
      ],
      "description": "Positive tracking for the one place it earns its keep: small capitalised labels."
    },
    {
      "name": "--aihio-line-height-body",
      "tier": "semantic",
      "group": "line-height",
      "type": "number",
      "value": "1.5",
      "references": [
        "--aihio-line-height-normal"
      ],
      "description": "Default readable line height for body and field text."
    },
    {
      "name": "--aihio-line-height-compact",
      "tier": "semantic",
      "group": "line-height",
      "type": "number",
      "value": "1",
      "references": [
        "--aihio-line-height-none"
      ],
      "description": "Tight line height for headings, labels, and short control text."
    },
    {
      "name": "--aihio-radius-interactive",
      "tier": "semantic",
      "group": "radius",
      "type": "dimension",
      "value": "calc(0.5rem - 2px)",
      "references": [
        "--aihio-radius-md"
      ],
      "description": "Default corner radius for buttons, inputs, toggles, and menus."
    },
    {
      "name": "--aihio-radius-interactive-compact",
      "tier": "semantic",
      "group": "radius",
      "type": "dimension",
      "value": "calc(0.5rem - 4px)",
      "references": [
        "--aihio-radius-sm"
      ],
      "description": "Tighter radius for dense interactive children such as tabs and menu items."
    },
    {
      "name": "--aihio-radius-pill",
      "tier": "semantic",
      "group": "radius",
      "type": "dimension",
      "value": "9999px",
      "references": [
        "--aihio-radius-full"
      ],
      "description": "Fully rounded presentation for badges, avatars, and pill-shaped affordances."
    },
    {
      "name": "--aihio-radius-surface",
      "tier": "semantic",
      "group": "radius",
      "type": "dimension",
      "value": "0.5rem",
      "references": [
        "--aihio-radius-lg"
      ],
      "description": "Corner radius for cards, alerts, and other framed surfaces."
    },
    {
      "name": "--aihio-shadow-modal",
      "tier": "semantic",
      "group": "shadow",
      "type": "shadow",
      "value": "0 24px 64px -12px oklch(0 0 0 / 0.22), 0 6px 16px -6px oklch(0 0 0 / 0.12)",
      "references": [
        "--aihio-shadow-lg"
      ],
      "description": "Deeper elevation for blocking modal dialogs."
    },
    {
      "name": "--aihio-shadow-overlay",
      "tier": "semantic",
      "group": "shadow",
      "type": "shadow",
      "value": "0 8px 24px -6px oklch(0 0 0 / 0.12), 0 2px 6px -2px oklch(0 0 0 / 0.08)",
      "references": [
        "--aihio-shadow-md"
      ],
      "description": "Elevation for popovers and transient overlays."
    },
    {
      "name": "--aihio-shadow-surface",
      "tier": "semantic",
      "group": "shadow",
      "type": "shadow",
      "value": "0 1px 2px 0 oklch(0 0 0 / 0.05)",
      "references": [
        "--aihio-shadow-sm"
      ],
      "description": "Subtle elevation for surfaced content."
    },
    {
      "name": "--aihio-spacing-cluster-gap-tight",
      "tier": "semantic",
      "group": "spacing",
      "type": "dimension",
      "value": "0.25rem",
      "references": [
        "--aihio-spacing-1"
      ],
      "description": "Tight spacing inside grouped interactive controls and menu chrome."
    },
    {
      "name": "--aihio-spacing-control-gap",
      "tier": "semantic",
      "group": "spacing",
      "type": "dimension",
      "value": "0.5rem",
      "references": [
        "--aihio-spacing-2"
      ],
      "description": "Default inline gap between icons, labels, and grouped actions."
    },
    {
      "name": "--aihio-spacing-field-padding-block",
      "tier": "semantic",
      "group": "spacing",
      "type": "dimension",
      "value": "0.5rem",
      "references": [
        "--aihio-spacing-2"
      ],
      "description": "Block padding for default form fields."
    },
    {
      "name": "--aihio-spacing-field-padding-block-lg",
      "tier": "semantic",
      "group": "spacing",
      "type": "dimension",
      "value": "0.625rem",
      "references": [
        "--aihio-spacing-2-5"
      ],
      "description": "Block padding for spacious form fields."
    },
    {
      "name": "--aihio-spacing-field-padding-block-sm",
      "tier": "semantic",
      "group": "spacing",
      "type": "dimension",
      "value": "0.25rem",
      "references": [
        "--aihio-spacing-1"
      ],
      "description": "Block padding for compact form fields."
    },
    {
      "name": "--aihio-spacing-field-padding-inline",
      "tier": "semantic",
      "group": "spacing",
      "type": "dimension",
      "value": "0.75rem",
      "references": [
        "--aihio-spacing-3"
      ],
      "description": "Inline padding for default form fields."
    },
    {
      "name": "--aihio-spacing-field-padding-inline-lg",
      "tier": "semantic",
      "group": "spacing",
      "type": "dimension",
      "value": "1rem",
      "references": [
        "--aihio-spacing-4"
      ],
      "description": "Inline padding for spacious form fields."
    },
    {
      "name": "--aihio-spacing-field-padding-inline-sm",
      "tier": "semantic",
      "group": "spacing",
      "type": "dimension",
      "value": "0.5rem",
      "references": [
        "--aihio-spacing-2"
      ],
      "description": "Inline padding for compact form fields."
    },
    {
      "name": "--aihio-spacing-form-field-gap",
      "tier": "semantic",
      "group": "spacing",
      "type": "dimension",
      "value": "0.75rem",
      "references": [
        "--aihio-spacing-3"
      ],
      "description": "Recommended gap between labels, help text, and form controls."
    },
    {
      "name": "--aihio-spacing-stack-lg",
      "tier": "semantic",
      "group": "spacing",
      "type": "dimension",
      "value": "1.5rem",
      "references": [
        "--aihio-spacing-6"
      ],
      "description": "Large separation for footer action areas and major section breaks."
    },
    {
      "name": "--aihio-spacing-stack-md",
      "tier": "semantic",
      "group": "spacing",
      "type": "dimension",
      "value": "1rem",
      "references": [
        "--aihio-spacing-4"
      ],
      "description": "Standard section spacing within surfaced components."
    },
    {
      "name": "--aihio-spacing-stack-sm",
      "tier": "semantic",
      "group": "spacing",
      "type": "dimension",
      "value": "0.75rem",
      "references": [
        "--aihio-spacing-3"
      ],
      "description": "Short vertical separation between related blocks such as alert content and panels."
    },
    {
      "name": "--aihio-spacing-stack-tight",
      "tier": "semantic",
      "group": "spacing",
      "type": "dimension",
      "value": "0.375rem",
      "references": [
        "--aihio-spacing-1-5"
      ],
      "description": "Compact vertical rhythm for headings with short supporting copy."
    },
    {
      "name": "--aihio-button-height-sm",
      "tier": "component",
      "group": "button",
      "type": "dimension",
      "value": "2.25rem",
      "references": []
    },
    {
      "name": "--aihio-button-height-md",
      "tier": "component",
      "group": "button",
      "type": "dimension",
      "value": "2.5rem",
      "references": []
    },
    {
      "name": "--aihio-button-height-lg",
      "tier": "component",
      "group": "button",
      "type": "dimension",
      "value": "2.75rem",
      "references": []
    },
    {
      "name": "--aihio-button-height-icon",
      "tier": "component",
      "group": "button",
      "type": "dimension",
      "value": "2.5rem",
      "references": []
    },
    {
      "name": "--aihio-button-padding-x-sm",
      "tier": "component",
      "group": "button",
      "type": "dimension",
      "value": "0.75rem",
      "references": []
    },
    {
      "name": "--aihio-button-padding-x-md",
      "tier": "component",
      "group": "button",
      "type": "dimension",
      "value": "1rem",
      "references": []
    },
    {
      "name": "--aihio-button-padding-x-lg",
      "tier": "component",
      "group": "button",
      "type": "dimension",
      "value": "2rem",
      "references": []
    },
    {
      "name": "--aihio-button-padding-x-icon",
      "tier": "component",
      "group": "button",
      "type": "dimension",
      "value": "0",
      "references": []
    },
    {
      "name": "--aihio-button-font-size-sm",
      "tier": "component",
      "group": "button",
      "type": "dimension",
      "value": "0.875rem",
      "references": [
        "--aihio-font-size-sm"
      ]
    },
    {
      "name": "--aihio-button-font-size-md",
      "tier": "component",
      "group": "button",
      "type": "dimension",
      "value": "0.875rem",
      "references": [
        "--aihio-font-size-sm"
      ]
    },
    {
      "name": "--aihio-button-font-size-lg",
      "tier": "component",
      "group": "button",
      "type": "dimension",
      "value": "1rem",
      "references": [
        "--aihio-font-size-base"
      ]
    },
    {
      "name": "--aihio-input-height-sm",
      "tier": "component",
      "group": "input",
      "type": "dimension",
      "value": "2.25rem",
      "references": []
    },
    {
      "name": "--aihio-input-height-md",
      "tier": "component",
      "group": "input",
      "type": "dimension",
      "value": "2.5rem",
      "references": []
    },
    {
      "name": "--aihio-input-height-lg",
      "tier": "component",
      "group": "input",
      "type": "dimension",
      "value": "2.75rem",
      "references": []
    },
    {
      "name": "--aihio-badge-padding-x",
      "tier": "component",
      "group": "badge",
      "type": "dimension",
      "value": "0.625rem",
      "references": []
    },
    {
      "name": "--aihio-badge-padding-y",
      "tier": "component",
      "group": "badge",
      "type": "dimension",
      "value": "0.125rem",
      "references": []
    },
    {
      "name": "--aihio-badge-font-size",
      "tier": "component",
      "group": "badge",
      "type": "dimension",
      "value": "0.75rem",
      "references": [
        "--aihio-font-size-xs"
      ]
    },
    {
      "name": "--aihio-avatar-size-sm",
      "tier": "component",
      "group": "avatar",
      "type": "dimension",
      "value": "2rem",
      "references": []
    },
    {
      "name": "--aihio-avatar-size-md",
      "tier": "component",
      "group": "avatar",
      "type": "dimension",
      "value": "2.5rem",
      "references": []
    },
    {
      "name": "--aihio-avatar-size-lg",
      "tier": "component",
      "group": "avatar",
      "type": "dimension",
      "value": "3rem",
      "references": []
    },
    {
      "name": "--aihio-card-padding",
      "tier": "component",
      "group": "card",
      "type": "dimension",
      "value": "1.5rem",
      "references": []
    },
    {
      "name": "--aihio-dialog-width",
      "tier": "component",
      "group": "dialog",
      "type": "dimension",
      "value": "32rem",
      "references": []
    },
    {
      "name": "--aihio-dialog-padding",
      "tier": "component",
      "group": "dialog",
      "type": "dimension",
      "value": "1.5rem",
      "references": []
    },
    {
      "name": "--aihio-data-grid-height",
      "tier": "component",
      "group": "data-grid",
      "type": "dimension",
      "value": "min(32rem, 75dvh)",
      "references": [],
      "description": "How tall a data grid is: the box its rows scroll in."
    },
    {
      "name": "--aihio-table-cell-padding-y-default",
      "tier": "component",
      "group": "table",
      "type": "dimension",
      "value": "0.75rem",
      "references": [
        "--aihio-spacing-3"
      ]
    },
    {
      "name": "--aihio-table-cell-padding-y-compact",
      "tier": "component",
      "group": "table",
      "type": "dimension",
      "value": "0.375rem",
      "references": [
        "--aihio-spacing-1-5"
      ]
    },
    {
      "name": "--aihio-table-cell-padding-x",
      "tier": "component",
      "group": "table",
      "type": "dimension",
      "value": "0.75rem",
      "references": [
        "--aihio-spacing-3"
      ]
    },
    {
      "name": "--aihio-table-max-height",
      "tier": "component",
      "group": "table",
      "type": "dimension",
      "value": "min(32rem, 75dvh)",
      "references": [],
      "description": "How tall a table with sticky-header grows before its rows scroll under the header."
    },
    {
      "name": "--aihio-color-zinc-0",
      "tier": "primitive",
      "group": "color",
      "type": "color",
      "value": "oklch(1 0 0)",
      "references": []
    },
    {
      "name": "--aihio-color-zinc-50",
      "tier": "primitive",
      "group": "color",
      "type": "color",
      "value": "oklch(0.9707 0.0027 286)",
      "references": []
    },
    {
      "name": "--aihio-color-zinc-100",
      "tier": "primitive",
      "group": "color",
      "type": "color",
      "value": "oklch(0.9406 0.0027 286)",
      "references": []
    },
    {
      "name": "--aihio-color-zinc-200",
      "tier": "primitive",
      "group": "color",
      "type": "color",
      "value": "oklch(0.9020 0.0040 286)",
      "references": []
    },
    {
      "name": "--aihio-color-zinc-300",
      "tier": "primitive",
      "group": "color",
      "type": "color",
      "value": "oklch(0.8700 0.0060 286)",
      "references": []
    },
    {
      "name": "--aihio-color-zinc-400",
      "tier": "primitive",
      "group": "color",
      "type": "color",
      "value": "oklch(0.7600 0.0070 286)",
      "references": []
    },
    {
      "name": "--aihio-color-zinc-450",
      "tier": "primitive",
      "group": "color",
      "type": "color",
      "value": "oklch(0.7105 0.0072 286)",
      "references": []
    },
    {
      "name": "--aihio-color-zinc-500",
      "tier": "primitive",
      "group": "color",
      "type": "color",
      "value": "oklch(0.6217 0.0074 286)",
      "references": []
    },
    {
      "name": "--aihio-color-zinc-550",
      "tier": "primitive",
      "group": "color",
      "type": "color",
      "value": "oklch(0.5399 0.0077 286)",
      "references": []
    },
    {
      "name": "--aihio-color-zinc-600",
      "tier": "primitive",
      "group": "color",
      "type": "color",
      "value": "oklch(0.4800 0.0070 286)",
      "references": []
    },
    {
      "name": "--aihio-color-zinc-700",
      "tier": "primitive",
      "group": "color",
      "type": "color",
      "value": "oklch(0.4000 0.0060 286)",
      "references": []
    },
    {
      "name": "--aihio-color-zinc-800",
      "tier": "primitive",
      "group": "color",
      "type": "color",
      "value": "oklch(0.3200 0.0050 286)",
      "references": []
    },
    {
      "name": "--aihio-color-zinc-850",
      "tier": "primitive",
      "group": "color",
      "type": "color",
      "value": "oklch(0.2603 0.0040 286)",
      "references": []
    },
    {
      "name": "--aihio-color-zinc-900",
      "tier": "primitive",
      "group": "color",
      "type": "color",
      "value": "oklch(0.2316 0.0038 286)",
      "references": []
    },
    {
      "name": "--aihio-color-zinc-950",
      "tier": "primitive",
      "group": "color",
      "type": "color",
      "value": "oklch(0.2006 0.0020 286)",
      "references": []
    },
    {
      "name": "--aihio-color-zinc-1000",
      "tier": "primitive",
      "group": "color",
      "type": "color",
      "value": "oklch(0 0 0)",
      "references": []
    },
    {
      "name": "--aihio-color-red-50",
      "tier": "primitive",
      "group": "color",
      "type": "color",
      "value": "oklch(0.97 0.013 18)",
      "references": []
    },
    {
      "name": "--aihio-color-red-100",
      "tier": "primitive",
      "group": "color",
      "type": "color",
      "value": "oklch(0.94 0.028 22)",
      "references": []
    },
    {
      "name": "--aihio-color-red-200",
      "tier": "primitive",
      "group": "color",
      "type": "color",
      "value": "oklch(0.89 0.055 22)",
      "references": []
    },
    {
      "name": "--aihio-color-red-300",
      "tier": "primitive",
      "group": "color",
      "type": "color",
      "value": "oklch(0.82 0.095 22)",
      "references": []
    },
    {
      "name": "--aihio-color-red-400",
      "tier": "primitive",
      "group": "color",
      "type": "color",
      "value": "oklch(0.71 0.155 25)",
      "references": []
    },
    {
      "name": "--aihio-color-red-500",
      "tier": "primitive",
      "group": "color",
      "type": "color",
      "value": "oklch(0.63 0.196 25)",
      "references": []
    },
    {
      "name": "--aihio-color-red-600",
      "tier": "primitive",
      "group": "color",
      "type": "color",
      "value": "oklch(0.56 0.200 27)",
      "references": []
    },
    {
      "name": "--aihio-color-red-700",
      "tier": "primitive",
      "group": "color",
      "type": "color",
      "value": "oklch(0.47 0.170 27)",
      "references": []
    },
    {
      "name": "--aihio-color-red-800",
      "tier": "primitive",
      "group": "color",
      "type": "color",
      "value": "oklch(0.40 0.140 25)",
      "references": []
    },
    {
      "name": "--aihio-color-red-900",
      "tier": "primitive",
      "group": "color",
      "type": "color",
      "value": "oklch(0.35 0.110 25)",
      "references": []
    },
    {
      "name": "--aihio-color-red-950",
      "tier": "primitive",
      "group": "color",
      "type": "color",
      "value": "oklch(0.22 0.080 25)",
      "references": []
    },
    {
      "name": "--aihio-color-green-300",
      "tier": "primitive",
      "group": "color",
      "type": "color",
      "value": "oklch(0.84 0.120 150)",
      "references": []
    },
    {
      "name": "--aihio-color-green-400",
      "tier": "primitive",
      "group": "color",
      "type": "color",
      "value": "oklch(0.72 0.150 150)",
      "references": []
    },
    {
      "name": "--aihio-color-green-500",
      "tier": "primitive",
      "group": "color",
      "type": "color",
      "value": "oklch(0.62 0.150 150)",
      "references": []
    },
    {
      "name": "--aihio-color-green-600",
      "tier": "primitive",
      "group": "color",
      "type": "color",
      "value": "oklch(0.52 0.140 150)",
      "references": []
    },
    {
      "name": "--aihio-color-green-700",
      "tier": "primitive",
      "group": "color",
      "type": "color",
      "value": "oklch(0.44 0.120 150)",
      "references": []
    },
    {
      "name": "--aihio-color-amber-300",
      "tier": "primitive",
      "group": "color",
      "type": "color",
      "value": "oklch(0.88 0.100 75)",
      "references": []
    },
    {
      "name": "--aihio-color-amber-400",
      "tier": "primitive",
      "group": "color",
      "type": "color",
      "value": "oklch(0.80 0.160 75)",
      "references": []
    },
    {
      "name": "--aihio-color-amber-500",
      "tier": "primitive",
      "group": "color",
      "type": "color",
      "value": "oklch(0.74 0.155 75)",
      "references": []
    },
    {
      "name": "--aihio-color-amber-600",
      "tier": "primitive",
      "group": "color",
      "type": "color",
      "value": "oklch(0.60 0.120 75)",
      "references": []
    },
    {
      "name": "--aihio-color-amber-700",
      "tier": "primitive",
      "group": "color",
      "type": "color",
      "value": "oklch(0.52 0.100 75)",
      "references": []
    },
    {
      "name": "--aihio-radius-base",
      "tier": "primitive",
      "group": "radius",
      "type": "dimension",
      "value": "0.5rem",
      "references": []
    },
    {
      "name": "--aihio-radius-none",
      "tier": "primitive",
      "group": "radius",
      "type": "dimension",
      "value": "0",
      "references": []
    },
    {
      "name": "--aihio-radius-sm",
      "tier": "primitive",
      "group": "radius",
      "type": "dimension",
      "value": "calc(0.5rem - 4px)",
      "references": [
        "--aihio-radius-base"
      ]
    },
    {
      "name": "--aihio-radius-md",
      "tier": "primitive",
      "group": "radius",
      "type": "dimension",
      "value": "calc(0.5rem - 2px)",
      "references": [
        "--aihio-radius-base"
      ]
    },
    {
      "name": "--aihio-radius-lg",
      "tier": "primitive",
      "group": "radius",
      "type": "dimension",
      "value": "0.5rem",
      "references": [
        "--aihio-radius-base"
      ]
    },
    {
      "name": "--aihio-radius-xl",
      "tier": "primitive",
      "group": "radius",
      "type": "dimension",
      "value": "calc(0.5rem + 4px)",
      "references": [
        "--aihio-radius-base"
      ]
    },
    {
      "name": "--aihio-radius-2xl",
      "tier": "primitive",
      "group": "radius",
      "type": "dimension",
      "value": "calc(0.5rem + 8px)",
      "references": [
        "--aihio-radius-base"
      ]
    },
    {
      "name": "--aihio-radius-full",
      "tier": "primitive",
      "group": "radius",
      "type": "dimension",
      "value": "9999px",
      "references": []
    },
    {
      "name": "--aihio-spacing-0",
      "tier": "primitive",
      "group": "spacing",
      "type": "dimension",
      "value": "0",
      "references": []
    },
    {
      "name": "--aihio-spacing-1",
      "tier": "primitive",
      "group": "spacing",
      "type": "dimension",
      "value": "0.25rem",
      "references": []
    },
    {
      "name": "--aihio-spacing-2",
      "tier": "primitive",
      "group": "spacing",
      "type": "dimension",
      "value": "0.5rem",
      "references": []
    },
    {
      "name": "--aihio-spacing-3",
      "tier": "primitive",
      "group": "spacing",
      "type": "dimension",
      "value": "0.75rem",
      "references": []
    },
    {
      "name": "--aihio-spacing-4",
      "tier": "primitive",
      "group": "spacing",
      "type": "dimension",
      "value": "1rem",
      "references": []
    },
    {
      "name": "--aihio-spacing-5",
      "tier": "primitive",
      "group": "spacing",
      "type": "dimension",
      "value": "1.25rem",
      "references": []
    },
    {
      "name": "--aihio-spacing-6",
      "tier": "primitive",
      "group": "spacing",
      "type": "dimension",
      "value": "1.5rem",
      "references": []
    },
    {
      "name": "--aihio-spacing-8",
      "tier": "primitive",
      "group": "spacing",
      "type": "dimension",
      "value": "2rem",
      "references": []
    },
    {
      "name": "--aihio-spacing-10",
      "tier": "primitive",
      "group": "spacing",
      "type": "dimension",
      "value": "2.5rem",
      "references": []
    },
    {
      "name": "--aihio-spacing-12",
      "tier": "primitive",
      "group": "spacing",
      "type": "dimension",
      "value": "3rem",
      "references": []
    },
    {
      "name": "--aihio-spacing-16",
      "tier": "primitive",
      "group": "spacing",
      "type": "dimension",
      "value": "4rem",
      "references": []
    },
    {
      "name": "--aihio-spacing-20",
      "tier": "primitive",
      "group": "spacing",
      "type": "dimension",
      "value": "5rem",
      "references": []
    },
    {
      "name": "--aihio-spacing-24",
      "tier": "primitive",
      "group": "spacing",
      "type": "dimension",
      "value": "6rem",
      "references": []
    },
    {
      "name": "--aihio-spacing-0-5",
      "tier": "primitive",
      "group": "spacing",
      "type": "dimension",
      "value": "0.125rem",
      "references": []
    },
    {
      "name": "--aihio-spacing-1-5",
      "tier": "primitive",
      "group": "spacing",
      "type": "dimension",
      "value": "0.375rem",
      "references": []
    },
    {
      "name": "--aihio-spacing-2-5",
      "tier": "primitive",
      "group": "spacing",
      "type": "dimension",
      "value": "0.625rem",
      "references": []
    },
    {
      "name": "--aihio-spacing-3-5",
      "tier": "primitive",
      "group": "spacing",
      "type": "dimension",
      "value": "0.875rem",
      "references": []
    },
    {
      "name": "--aihio-font-family-sans",
      "tier": "primitive",
      "group": "font-family",
      "type": "fontFamily",
      "value": "-apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"SF Pro Display\", \"Inter\", \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"",
      "references": [],
      "description": "System-grade UI stack. The platform face leads so text renders in the grey the OS already optimises for; no webfont is shipped, which keeps the package zero-dependency."
    },
    {
      "name": "--aihio-font-family-mono",
      "tier": "primitive",
      "group": "font-family",
      "type": "fontFamily",
      "value": "ui-monospace, \"SF Mono\", \"Cascadia Code\", \"JetBrains Mono\", Menlo, Consolas, \"Liberation Mono\", monospace",
      "references": [],
      "description": "Monospace stack for code, markup samples, and token values."
    },
    {
      "name": "--aihio-font-size-xs",
      "tier": "primitive",
      "group": "font-size",
      "type": "dimension",
      "value": "0.75rem",
      "references": []
    },
    {
      "name": "--aihio-font-size-sm",
      "tier": "primitive",
      "group": "font-size",
      "type": "dimension",
      "value": "0.875rem",
      "references": []
    },
    {
      "name": "--aihio-font-size-base",
      "tier": "primitive",
      "group": "font-size",
      "type": "dimension",
      "value": "1rem",
      "references": []
    },
    {
      "name": "--aihio-font-size-lg",
      "tier": "primitive",
      "group": "font-size",
      "type": "dimension",
      "value": "1.125rem",
      "references": []
    },
    {
      "name": "--aihio-font-size-xl",
      "tier": "primitive",
      "group": "font-size",
      "type": "dimension",
      "value": "1.25rem",
      "references": []
    },
    {
      "name": "--aihio-font-size-2xl",
      "tier": "primitive",
      "group": "font-size",
      "type": "dimension",
      "value": "1.5rem",
      "references": []
    },
    {
      "name": "--aihio-font-size-3xl",
      "tier": "primitive",
      "group": "font-size",
      "type": "dimension",
      "value": "1.875rem",
      "references": []
    },
    {
      "name": "--aihio-font-size-4xl",
      "tier": "primitive",
      "group": "font-size",
      "type": "dimension",
      "value": "2.25rem",
      "references": []
    },
    {
      "name": "--aihio-font-weight-normal",
      "tier": "primitive",
      "group": "font-weight",
      "type": "fontWeight",
      "value": "400",
      "references": []
    },
    {
      "name": "--aihio-font-weight-medium",
      "tier": "primitive",
      "group": "font-weight",
      "type": "fontWeight",
      "value": "500",
      "references": []
    },
    {
      "name": "--aihio-font-weight-semibold",
      "tier": "primitive",
      "group": "font-weight",
      "type": "fontWeight",
      "value": "600",
      "references": []
    },
    {
      "name": "--aihio-font-weight-bold",
      "tier": "primitive",
      "group": "font-weight",
      "type": "fontWeight",
      "value": "700",
      "references": []
    },
    {
      "name": "--aihio-line-height-none",
      "tier": "primitive",
      "group": "line-height",
      "type": "number",
      "value": "1",
      "references": []
    },
    {
      "name": "--aihio-line-height-tight",
      "tier": "primitive",
      "group": "line-height",
      "type": "number",
      "value": "1.25",
      "references": []
    },
    {
      "name": "--aihio-line-height-snug",
      "tier": "primitive",
      "group": "line-height",
      "type": "number",
      "value": "1.375",
      "references": []
    },
    {
      "name": "--aihio-line-height-normal",
      "tier": "primitive",
      "group": "line-height",
      "type": "number",
      "value": "1.5",
      "references": []
    },
    {
      "name": "--aihio-line-height-relaxed",
      "tier": "primitive",
      "group": "line-height",
      "type": "number",
      "value": "1.625",
      "references": []
    },
    {
      "name": "--aihio-letter-spacing-tighter",
      "tier": "primitive",
      "group": "letter-spacing",
      "type": "dimension",
      "value": "-0.025em",
      "references": []
    },
    {
      "name": "--aihio-letter-spacing-tight",
      "tier": "primitive",
      "group": "letter-spacing",
      "type": "dimension",
      "value": "-0.018em",
      "references": []
    },
    {
      "name": "--aihio-letter-spacing-normal",
      "tier": "primitive",
      "group": "letter-spacing",
      "type": "dimension",
      "value": "-0.011em",
      "references": []
    },
    {
      "name": "--aihio-letter-spacing-wide",
      "tier": "primitive",
      "group": "letter-spacing",
      "type": "dimension",
      "value": "0.02em",
      "references": []
    },
    {
      "name": "--aihio-shadow-sm",
      "tier": "primitive",
      "group": "shadow",
      "type": "shadow",
      "value": "0 1px 2px 0 oklch(0 0 0 / 0.05)",
      "references": []
    },
    {
      "name": "--aihio-shadow-md",
      "tier": "primitive",
      "group": "shadow",
      "type": "shadow",
      "value": "0 8px 24px -6px oklch(0 0 0 / 0.12), 0 2px 6px -2px oklch(0 0 0 / 0.08)",
      "references": []
    },
    {
      "name": "--aihio-shadow-lg",
      "tier": "primitive",
      "group": "shadow",
      "type": "shadow",
      "value": "0 24px 64px -12px oklch(0 0 0 / 0.22), 0 6px 16px -6px oklch(0 0 0 / 0.12)",
      "references": []
    },
    {
      "name": "--aihio-duration-fast",
      "tier": "primitive",
      "group": "duration",
      "type": "duration",
      "value": "100ms",
      "references": []
    },
    {
      "name": "--aihio-duration-normal",
      "tier": "primitive",
      "group": "duration",
      "type": "duration",
      "value": "150ms",
      "references": []
    },
    {
      "name": "--aihio-duration-slow",
      "tier": "primitive",
      "group": "duration",
      "type": "duration",
      "value": "200ms",
      "references": []
    },
    {
      "name": "--aihio-duration-spin",
      "tier": "primitive",
      "group": "duration",
      "type": "duration",
      "value": "700ms",
      "references": []
    }
  ],
  "contrast": [
    {
      "id": "destructive-button",
      "foreground": "--aihio-color-destructive-fg",
      "background": "--aihio-color-destructive-bg",
      "min": 4.5,
      "note": "Destructive button label on its fill.",
      "ratio": {
        "light": 5.15,
        "dark": 5.15
      }
    },
    {
      "id": "destructive-text",
      "foreground": "--aihio-color-destructive-text",
      "background": "--aihio-color-page-bg",
      "min": 4.5,
      "note": "Destructive alert copy drawn on the page canvas.",
      "ratio": {
        "light": 5.15,
        "dark": 7.62
      }
    },
    {
      "id": "success-button",
      "foreground": "--aihio-color-success-fg",
      "background": "--aihio-color-success-bg",
      "min": 4.5,
      "note": "Success badge label on its fill.",
      "ratio": {
        "light": 5.17,
        "dark": 5.17
      }
    },
    {
      "id": "success-text",
      "foreground": "--aihio-color-success-text",
      "background": "--aihio-color-page-bg",
      "min": 4.5,
      "note": "Success alert copy drawn on the page canvas.",
      "ratio": {
        "light": 5.17,
        "dark": 8.99
      }
    },
    {
      "id": "warning-button",
      "foreground": "--aihio-color-warning-fg",
      "background": "--aihio-color-warning-bg",
      "min": 4.5,
      "note": "Warning badge label on its fill. The fill is light in both themes, so this pairs with a dark foreground.",
      "ratio": {
        "light": 8.81,
        "dark": 10.99
      }
    },
    {
      "id": "warning-text",
      "foreground": "--aihio-color-warning-text",
      "background": "--aihio-color-page-bg",
      "min": 4.5,
      "note": "Warning alert copy drawn on the page canvas.",
      "ratio": {
        "light": 5.6,
        "dark": 10.99
      }
    },
    {
      "id": "primary-button",
      "foreground": "--aihio-color-primary-action-fg",
      "background": "--aihio-color-primary-action-bg",
      "min": 4.5,
      "note": "Default button label on its fill.",
      "ratio": {
        "light": 16.83,
        "dark": 19.29
      }
    },
    {
      "id": "secondary-button",
      "foreground": "--aihio-color-secondary-action-fg",
      "background": "--aihio-color-secondary-action-bg",
      "min": 4.5,
      "note": "Secondary button label on its fill.",
      "ratio": {
        "light": 14.13,
        "dark": 15.46
      }
    },
    {
      "id": "control-highlight",
      "foreground": "--aihio-color-control-highlight-fg",
      "background": "--aihio-color-control-highlight-bg",
      "min": 4.5,
      "note": "Ghost and outline button labels on their hover fill.",
      "ratio": {
        "light": 14.13,
        "dark": 15.46
      }
    },
    {
      "id": "overlay-highlight",
      "foreground": "--aihio-color-overlay-fg",
      "background": "--aihio-color-overlay-highlight-bg",
      "min": 4.5,
      "note": "The active combobox option or hovered dropdown item label on its highlight, inside an overlay.",
      "ratio": {
        "light": 14.13,
        "dark": 11.66
      }
    },
    {
      "id": "muted-text-on-page",
      "foreground": "--aihio-color-muted-fg",
      "background": "--aihio-color-page-bg",
      "min": 4.5,
      "note": "Supporting copy on the page canvas.",
      "ratio": {
        "light": 5.07,
        "dark": 8.16
      }
    },
    {
      "id": "muted-text-on-muted",
      "foreground": "--aihio-color-muted-fg",
      "background": "--aihio-color-muted-bg",
      "min": 4.5,
      "note": "Supporting copy on muted fills (toggle hover, muted surfaces).",
      "ratio": {
        "light": 4.66,
        "dark": 7.03
      }
    },
    {
      "id": "placeholder-text",
      "foreground": "--aihio-color-placeholder-fg",
      "background": "--aihio-color-placeholder-bg",
      "min": 4.5,
      "note": "Avatar initials on their fill.",
      "ratio": {
        "light": 6.88,
        "dark": 8.56
      }
    },
    {
      "id": "body-text",
      "foreground": "--aihio-color-page-fg",
      "background": "--aihio-color-page-bg",
      "min": 4.5,
      "note": "Body copy on the page canvas.",
      "ratio": {
        "light": 16.83,
        "dark": 19.29
      }
    },
    {
      "id": "surface-text",
      "foreground": "--aihio-color-surface-fg",
      "background": "--aihio-color-surface-bg",
      "min": 4.5,
      "note": "Body copy on raised surfaces.",
      "ratio": {
        "light": 15.46,
        "dark": 16.61
      }
    },
    {
      "id": "field-border",
      "foreground": "--aihio-color-field-border",
      "background": "--aihio-color-page-bg",
      "min": 3,
      "note": "Field boundary — the only affordance marking an empty text input.",
      "ratio": {
        "light": 3.62,
        "dark": 4.14
      }
    },
    {
      "id": "focus-ring",
      "foreground": "--aihio-color-focus-ring",
      "background": "--aihio-color-page-bg",
      "min": 3,
      "note": "Focus indicator against the page canvas.",
      "ratio": {
        "light": 16.83,
        "dark": 14.16
      }
    }
  ]
}