{
  "version": "0.10",
  "themes": [
    "light",
    "dark",
    "accessibility"
  ],
  "groups": {
    "color": [
      {
        "name": "brand",
        "cssVar": "--color-brand",
        "light": "#b6d600",
        "dark": "#b6d600",
        "accessibility": "#ffffff"
      },
      {
        "name": "brand-hover",
        "cssVar": "--color-brand-hover",
        "light": "rgba(182, 214, 0, 0.85)",
        "dark": "rgba(182, 214, 0, 0.85)",
        "accessibility": "#f5f5f5"
      },
      {
        "name": "brand-active",
        "cssVar": "--color-brand-active",
        "light": "rgba(182, 214, 0, 0.70)",
        "dark": "rgba(182, 214, 0, 0.70)",
        "accessibility": "#e5e5e5"
      },
      {
        "name": "brand-text",
        "cssVar": "--color-brand-text",
        "light": "#0a0a31",
        "dark": "#0a0a31",
        "accessibility": "#000000"
      },
      {
        "name": "brand-bg",
        "cssVar": "--color-brand-bg",
        "light": "#f0fcd4",
        "dark": "#243005",
        "accessibility": "#000000"
      },
      {
        "name": "on-danger",
        "cssVar": "--color-on-danger",
        "light": "#ffffff",
        "dark": "#ffffff",
        "accessibility": "#000000"
      },
      {
        "name": "chart-1",
        "cssVar": "--color-chart-1",
        "light": "#fdba74",
        "dark": "#fdba74",
        "accessibility": "#ffffff"
      },
      {
        "name": "chart-2",
        "cssVar": "--color-chart-2",
        "light": "#f97316",
        "dark": "#f97316",
        "accessibility": "#d9d9d9"
      },
      {
        "name": "chart-3",
        "cssVar": "--color-chart-3",
        "light": "#ea580c",
        "dark": "#ea580c",
        "accessibility": "#a6a6a6"
      },
      {
        "name": "chart-4",
        "cssVar": "--color-chart-4",
        "light": "#c2410c",
        "dark": "#c2410c",
        "accessibility": "#737373"
      },
      {
        "name": "chart-5",
        "cssVar": "--color-chart-5",
        "light": "#9a3412",
        "dark": "#9a3412",
        "accessibility": "#404040"
      },
      {
        "name": "overlay",
        "cssVar": "--color-overlay",
        "light": "rgba(22, 26, 29, 0.6)",
        "dark": "rgba(22, 26, 29, 0.6)",
        "accessibility": "rgba(22, 26, 29, 0.6)"
      },
      {
        "name": "canvas",
        "cssVar": "--color-canvas",
        "light": "#ffffff",
        "dark": "#1d2125",
        "accessibility": "#000000"
      },
      {
        "name": "surface-card",
        "cssVar": "--color-surface-card",
        "light": "#ffffff",
        "dark": "#22272b",
        "accessibility": "#000000"
      },
      {
        "name": "surface-header",
        "cssVar": "--color-surface-header",
        "light": "#ffffff",
        "dark": "#22272b",
        "accessibility": "#000000"
      },
      {
        "name": "surface-sidebar",
        "cssVar": "--color-surface-sidebar",
        "light": "#fafafa",
        "dark": "#161a1d",
        "accessibility": "#000000"
      },
      {
        "name": "surface-table-header",
        "cssVar": "--color-surface-table-header",
        "light": "#f4f4f5",
        "dark": "#282e33",
        "accessibility": "#000000"
      },
      {
        "name": "surface-muted",
        "cssVar": "--color-surface-muted",
        "light": "#bcbcbc",
        "dark": "#4c555d",
        "accessibility": "#111111"
      },
      {
        "name": "surface-secondary",
        "cssVar": "--color-surface-secondary",
        "light": "#f4f4f5",
        "dark": "#282e33",
        "accessibility": "#1a1a1a"
      },
      {
        "name": "surface-pressed",
        "cssVar": "--color-surface-pressed",
        "light": "#ebebeb",
        "dark": "#353e47",
        "accessibility": "#262626"
      },
      {
        "name": "accent",
        "cssVar": "--color-accent",
        "light": "#f5f5f5",
        "dark": "#2c333a",
        "accessibility": "#0a0a0a"
      },
      {
        "name": "accent-foreground",
        "cssVar": "--color-accent-foreground",
        "light": "#0a0a0a",
        "dark": "#ffffff",
        "accessibility": "#ffffff"
      },
      {
        "name": "popover",
        "cssVar": "--color-popover",
        "light": "#ffffff",
        "dark": "#22272b",
        "accessibility": "#000000"
      },
      {
        "name": "popover-foreground",
        "cssVar": "--color-popover-foreground",
        "light": "#0a0a0a",
        "dark": "#ffffff",
        "accessibility": "#ffffff"
      },
      {
        "name": "ink",
        "cssVar": "--color-ink",
        "light": "#0a0a0a",
        "dark": "#ffffff",
        "accessibility": "#ffffff"
      },
      {
        "name": "body",
        "cssVar": "--color-body",
        "light": "#18181b",
        "dark": "#f4f4f5",
        "accessibility": "#ffffff"
      },
      {
        "name": "muted",
        "cssVar": "--color-muted",
        "light": "#4b4b4b",
        "dark": "#e2e8f0",
        "accessibility": "#bdbdbd"
      },
      {
        "name": "placeholder",
        "cssVar": "--color-placeholder",
        "light": "#767676",
        "dark": "#cbd5e1",
        "accessibility": "#8c8c8c"
      },
      {
        "name": "hairline",
        "cssVar": "--color-hairline",
        "light": "#e5e5e5",
        "dark": "#454f59",
        "accessibility": "#404040"
      },
      {
        "name": "border-strong",
        "cssVar": "--color-border-strong",
        "light": "#d0d5dd",
        "dark": "#5c6773",
        "accessibility": "#ffffff"
      },
      {
        "name": "border-focus",
        "cssVar": "--color-border-focus",
        "light": "#b6d600",
        "dark": "#b6d600",
        "accessibility": "#ffffff"
      },
      {
        "name": "border-announcement",
        "cssVar": "--color-border-announcement",
        "light": "#18181b",
        "dark": "#ffffff",
        "accessibility": "#ffffff"
      },
      {
        "name": "success",
        "cssVar": "--color-success",
        "light": "#10b981",
        "dark": "#34d399",
        "accessibility": "#ffffff"
      },
      {
        "name": "success-text",
        "cssVar": "--color-success-text",
        "light": "#065f46",
        "dark": "#a7f3d0",
        "accessibility": "#ffffff"
      },
      {
        "name": "success-bg",
        "cssVar": "--color-success-bg",
        "light": "#d1fae5",
        "dark": "#064e3b",
        "accessibility": "#000000"
      },
      {
        "name": "warning",
        "cssVar": "--color-warning",
        "light": "#f59e0b",
        "dark": "#fbbf24",
        "accessibility": "#ffffff"
      },
      {
        "name": "warning-text",
        "cssVar": "--color-warning-text",
        "light": "#78350f",
        "dark": "#fde047",
        "accessibility": "#ffffff"
      },
      {
        "name": "warning-bg",
        "cssVar": "--color-warning-bg",
        "light": "#fef3c7",
        "dark": "#78350f",
        "accessibility": "#000000"
      },
      {
        "name": "danger",
        "cssVar": "--color-danger",
        "light": "#ef4444",
        "dark": "#f87171",
        "accessibility": "#ffffff"
      },
      {
        "name": "danger-text",
        "cssVar": "--color-danger-text",
        "light": "#991b1b",
        "dark": "#ffb3b3",
        "accessibility": "#ffffff"
      },
      {
        "name": "danger-bg",
        "cssVar": "--color-danger-bg",
        "light": "#fee2e2",
        "dark": "#7f1d1d",
        "accessibility": "#000000"
      },
      {
        "name": "danger-solid",
        "cssVar": "--color-danger-solid",
        "light": "#ef4444",
        "dark": "#f87171",
        "accessibility": "#ffffff"
      },
      {
        "name": "danger-solid-hover",
        "cssVar": "--color-danger-solid-hover",
        "light": "#dc2626",
        "dark": "#f98181",
        "accessibility": "#f5f5f5"
      },
      {
        "name": "danger-solid-active",
        "cssVar": "--color-danger-solid-active",
        "light": "#b91c1c",
        "dark": "#f45b5b",
        "accessibility": "#e5e5e5"
      },
      {
        "name": "info",
        "cssVar": "--color-info",
        "light": "#3b82f6",
        "dark": "#60a5fa",
        "accessibility": "#ffffff"
      },
      {
        "name": "info-text",
        "cssVar": "--color-info-text",
        "light": "#1e3a8a",
        "dark": "#bfdbfe",
        "accessibility": "#ffffff"
      },
      {
        "name": "info-bg",
        "cssVar": "--color-info-bg",
        "light": "#dbeafe",
        "dark": "#1e3a8a",
        "accessibility": "#000000"
      },
      {
        "name": "disabled-bg",
        "cssVar": "--color-disabled-bg",
        "light": "#f5f5f5",
        "dark": "#22272b",
        "accessibility": "#1a1a1a"
      },
      {
        "name": "disabled-text",
        "cssVar": "--color-disabled-text",
        "light": "#9ca3af",
        "dark": "#6b7280",
        "accessibility": "#666666"
      },
      {
        "name": "disabled-border",
        "cssVar": "--color-disabled-border",
        "light": "#e5e5e5",
        "dark": "#374151",
        "accessibility": "#404040"
      },
      {
        "name": "badge-neutral-text",
        "cssVar": "--color-badge-neutral-text",
        "light": "#0a0a0a",
        "dark": "#ffffff",
        "accessibility": "#000000"
      },
      {
        "name": "skeleton-bg",
        "cssVar": "--color-skeleton-bg",
        "light": "#e5e7eb",
        "dark": "#2c333a",
        "accessibility": "#111111"
      },
      {
        "name": "skeleton-shimmer",
        "cssVar": "--color-skeleton-shimmer",
        "light": "#f3f4f6",
        "dark": "#454f59",
        "accessibility": "#262626"
      },
      {
        "name": "spinner-track",
        "cssVar": "--color-spinner-track",
        "light": "#e5e5e5",
        "dark": "#282e33",
        "accessibility": "#1a1a1a"
      },
      {
        "name": "spinner-line",
        "cssVar": "--color-spinner-line",
        "light": "#b6d600",
        "dark": "#b6d600",
        "accessibility": "#ffffff"
      }
    ],
    "shadow": [
      {
        "name": "sm",
        "cssVar": "--shadow-sm",
        "light": "0 1px 3px rgba(0, 0, 0, 0.1)",
        "dark": "0 1px 3px rgba(0, 0, 0, 0.6)",
        "accessibility": "none"
      },
      {
        "name": "md",
        "cssVar": "--shadow-md",
        "light": "0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.04)",
        "dark": "0 4px 12px rgba(0, 0, 0, 0.7), 0 1px 3px rgba(0, 0, 0, 0.4)",
        "accessibility": "none"
      },
      {
        "name": "lg",
        "cssVar": "--shadow-lg",
        "light": "0 12px 24px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.04)",
        "dark": "0 12px 24px rgba(0, 0, 0, 0.8), 0 4px 8px rgba(0, 0, 0, 0.4)",
        "accessibility": "none"
      }
    ],
    "spacing": [
      {
        "name": "xs",
        "cssVar": "--space-xs",
        "value": "4px"
      },
      {
        "name": "sm",
        "cssVar": "--space-sm",
        "value": "8px"
      },
      {
        "name": "md",
        "cssVar": "--space-md",
        "value": "16px"
      },
      {
        "name": "lg",
        "cssVar": "--space-lg",
        "value": "24px"
      },
      {
        "name": "page",
        "cssVar": "--space-page",
        "value": "24px"
      }
    ],
    "radius": [
      {
        "name": "none",
        "cssVar": "--radius-none",
        "value": "0px"
      },
      {
        "name": "sm",
        "cssVar": "--radius-sm",
        "value": "4px"
      },
      {
        "name": "base",
        "cssVar": "--radius-base",
        "value": "8px"
      },
      {
        "name": "full",
        "cssVar": "--radius-full",
        "value": "9999px"
      }
    ],
    "typography": [
      {
        "name": "display",
        "cssVar": "--text-display",
        "fontFamily": "Inter",
        "fontSize": "36px",
        "fontWeight": "800",
        "lineHeight": "1.15",
        "letterSpacing": "-0.02em"
      },
      {
        "name": "heading-1",
        "cssVar": "--text-heading-1",
        "fontFamily": "Inter",
        "fontSize": "28px",
        "fontWeight": "700",
        "lineHeight": "1.25",
        "letterSpacing": "-0.01em"
      },
      {
        "name": "heading-2",
        "cssVar": "--text-heading-2",
        "fontFamily": "Inter",
        "fontSize": "22px",
        "fontWeight": "600",
        "lineHeight": "1.3",
        "letterSpacing": "-0.01em"
      },
      {
        "name": "heading-3",
        "cssVar": "--text-heading-3",
        "fontFamily": "Inter",
        "fontSize": "18px",
        "fontWeight": "600",
        "lineHeight": "1.35",
        "letterSpacing": null
      },
      {
        "name": "app-header-brand",
        "cssVar": "--text-app-header-brand",
        "fontFamily": "Inter",
        "fontSize": "16px",
        "fontWeight": "700",
        "lineHeight": "1.3",
        "letterSpacing": "-0.01em"
      },
      {
        "name": "body",
        "cssVar": "--text-body",
        "fontFamily": "Geist",
        "fontSize": "14px",
        "fontWeight": "400",
        "lineHeight": "1.6",
        "letterSpacing": null
      },
      {
        "name": "label",
        "cssVar": "--text-label",
        "fontFamily": "Geist",
        "fontSize": "13px",
        "fontWeight": "500",
        "lineHeight": "1.4",
        "letterSpacing": null
      },
      {
        "name": "navigation",
        "cssVar": "--text-navigation",
        "fontFamily": "Geist",
        "fontSize": "14px",
        "fontWeight": "500",
        "lineHeight": "1.4",
        "letterSpacing": null
      },
      {
        "name": "caption",
        "cssVar": "--text-caption",
        "fontFamily": "Geist",
        "fontSize": "12px",
        "fontWeight": "400",
        "lineHeight": "1.5",
        "letterSpacing": null
      },
      {
        "name": "code",
        "cssVar": "--text-code",
        "fontFamily": "Geist Mono",
        "fontSize": "13px",
        "fontWeight": "400",
        "lineHeight": "1.6",
        "letterSpacing": null
      }
    ],
    "motion": [
      {
        "name": "duration-instant",
        "cssVar": "--motion-instant",
        "value": "0ms"
      },
      {
        "name": "duration-fast",
        "cssVar": "--motion-fast",
        "value": "100ms"
      },
      {
        "name": "duration-base",
        "cssVar": "--motion-base",
        "value": "150ms"
      },
      {
        "name": "duration-moderate",
        "cssVar": "--motion-moderate",
        "value": "200ms"
      },
      {
        "name": "duration-slow",
        "cssVar": "--motion-slow",
        "value": "300ms"
      },
      {
        "name": "duration-xslow",
        "cssVar": "--motion-xslow",
        "value": "400ms"
      },
      {
        "name": "easing-default",
        "cssVar": "--ease-default",
        "value": "cubic-bezier(0.2, 0, 0, 1)"
      },
      {
        "name": "easing-enter",
        "cssVar": "--ease-enter",
        "value": "cubic-bezier(0, 0, 0.2, 1)"
      },
      {
        "name": "easing-exit",
        "cssVar": "--ease-exit",
        "value": "cubic-bezier(0.4, 0, 1, 1)"
      },
      {
        "name": "easing-spring",
        "cssVar": "--ease-spring",
        "value": "cubic-bezier(0.34, 1.56, 0.64, 1)"
      }
    ],
    "icon": [
      {
        "name": "sm",
        "cssVar": "--icon-sm",
        "value": "16px"
      },
      {
        "name": "md",
        "cssVar": "--icon-md",
        "value": "20px"
      },
      {
        "name": "lg",
        "cssVar": "--icon-lg",
        "value": "24px"
      }
    ]
  }
}