{
  "source": {
    "ref": "main",
    "path": "src/frontend/styles/tokens.css",
    "date": "2026-08-23"
  },
  "color": {
    "light": {
      "surface": "oklch(0.985 0.006 75)",
      "surface-subtle": "oklch(0.965 0.007 75)",
      "surface-raised": "oklch(1 0 0)",
      "fg": "oklch(0.235 0.010 60)",
      "fg-muted": "oklch(0.460 0.010 60)",
      "fg-subtle": "oklch(0.540 0.010 60)",
      "zd-border": "oklch(0.905 0.006 75)",
      "zd-border-strong": "oklch(0.840 0.006 75)",
      "brand": "oklch(0.25 0.025 233)",
      "brand-muted": "oklch(0.40 0.030 233)",
      "signal-success": "oklch(0.53 0.11 150)",
      "signal-warning": "oklch(0.53 0.12 70)",
      "signal-danger": "oklch(0.53 0.17 25)",
      "signal-info": "oklch(0.54 0.12 240)",
      "focus-ring": "oklch(0.45 0.10 233)"
    },
    "dark": {
      "surface": "oklch(0.190 0.008 250)",
      "surface-subtle": "oklch(0.225 0.008 250)",
      "surface-raised": "oklch(0.255 0.008 250)",
      "fg": "oklch(0.930 0.005 85)",
      "fg-muted": "oklch(0.665 0.008 250)",
      "fg-subtle": "oklch(0.640 0.010 250)",
      "zd-border": "oklch(0.300 0.008 250)",
      "zd-border-strong": "oklch(0.390 0.008 250)",
      "brand": "oklch(0.62 0.060 245)",
      "brand-muted": "oklch(0.45 0.050 245)",
      "signal-success": "oklch(0.66 0.13 150)",
      "signal-warning": "oklch(0.76 0.13 75)",
      "signal-danger": "oklch(0.66 0.18 25)",
      "signal-info": "oklch(0.66 0.12 240)",
      "focus-ring": "oklch(0.62 0.09 245)"
    }
  },
  "space": {
    "space-1": "2px",
    "space-2": "4px",
    "space-3": "6px",
    "space-4": "8px",
    "space-5": "12px",
    "space-6": "16px",
    "space-7": "20px",
    "space-8": "24px",
    "space-9": "32px",
    "space-10": "40px",
    "space-11": "48px",
    "space-12": "64px"
  },
  "radius": {
    "radius-sm": "4px",
    "radius-md": "8px",
    "radius-lg": "12px"
  },
  "shadow": {
    "light": {
      "shadow-flat": "0 1px 2px rgb(0 0 0 / 0.04)",
      "shadow-raised": "0 8px 24px rgb(0 0 0 / 0.08)"
    },
    "dark": {
      "shadow-flat": "0 1px 2px rgb(0 0 0 / 0.20)",
      "shadow-raised": "0 8px 24px rgb(0 0 0 / 0.40)"
    }
  },
  "ease": {
    "ease-out": "cubic-bezier(0.23, 1, 0.32, 1)",
    "ease-in-out": "cubic-bezier(0.77, 0, 0.175, 1)",
    "ease-drawer": "cubic-bezier(0.32, 0.72, 0, 1)"
  },
  "duration": {
    "duration-feedback": "130ms",
    "duration-fast": "160ms",
    "duration-default": "200ms",
    "duration-slow": "300ms",
    "duration-drawer": "400ms"
  },
  "facts": {
    "date": "2026-10-09",
    "typeface": {
      "source": "src/frontend/app/layout.tsx",
      "loader": "next/font/local",
      "family": "Inter",
      "file": "InterVariable.woff2",
      "weight": "100 900",
      "style": "normal",
      "cssVariable": "--font-sans",
      "display": "swap"
    },
    "mono": {
      "source": "src/frontend/app/layout.tsx",
      "loader": "next/font/local",
      "family": "GeistMono",
      "file": "GeistMonoVariable.woff2",
      "weight": "100 900",
      "style": "normal",
      "cssVariable": "--font-mono",
      "display": "swap"
    },
    "theme": {
      "source": "src/frontend/provider/providers.tsx",
      "defaultTheme": "dark",
      "enableSystem": false
    },
    "reducedMotion": {
      "source": "src/frontend/styles/tokens.css",
      "transition-duration": "0.01ms",
      "animation-duration": "0.01ms",
      "animation-iteration-count": "1",
      "scroll-behavior": "auto"
    },
    "press": {
      "source": "src/frontend/components/_ui/button.tsx",
      "scale": 0.97,
      "disabledScale": 1
    },
    "badge": {
      "source": "src/frontend/components/_ui/badge.tsx",
      "tint": 0.1,
      "edge": 0.3,
      "default": "md",
      "icon": "xs",
      "sizes": {
        "sm": {
          "classes": "h-5 px-1.5 text-[11px] gap-1 rounded-[var(--radius-sm)]",
          "height": 20,
          "paddingX": 6,
          "fontSize": 11,
          "gap": 4,
          "radius": "radius-sm"
        },
        "md": {
          "classes": "h-6 px-2 text-xs gap-1.5 rounded-[var(--radius-sm)]",
          "height": 24,
          "paddingX": 8,
          "fontSize": 12,
          "gap": 6,
          "radius": "radius-sm"
        }
      }
    },
    "icon": {
      "source": "src/frontend/components/_ui/icon.tsx",
      "default": "sm",
      "sizes": {
        "xs": 12,
        "sm": 16,
        "md": 20,
        "lg": 24,
        "xl": 32
      },
      "strokes": {
        "xs": 2.5,
        "sm": 2.25,
        "md": 2,
        "lg": 1.75,
        "xl": 1.5
      }
    },
    "button": {
      "source": "src/frontend/components/_ui/button.tsx",
      "default": "md",
      "iconOnlyTouchTarget": 44,
      "sizes": {
        "sm": {
          "classes": "h-8 px-3 text-[13px] gap-1.5 rounded-[var(--radius-sm)]",
          "height": 32,
          "paddingX": 12,
          "fontSize": 13,
          "gap": 6,
          "radius": "radius-sm"
        },
        "md": {
          "classes": "h-9 px-4 text-sm gap-2 rounded-[var(--radius-md)]",
          "height": 36,
          "paddingX": 16,
          "fontSize": 14,
          "gap": 8,
          "radius": "radius-md"
        },
        "lg": {
          "classes": "h-11 px-5 text-base gap-2 rounded-[var(--radius-md)]",
          "height": 44,
          "paddingX": 20,
          "fontSize": 16,
          "gap": 8,
          "radius": "radius-md"
        }
      }
    },
    "input": {
      "source": "src/frontend/components/_ui/input.tsx",
      "default": "md",
      "sizes": {
        "sm": {
          "classes": "h-8 text-[13px] px-2.5",
          "height": 32,
          "paddingX": 10,
          "fontSize": 13
        },
        "md": {
          "classes": "h-9 text-sm px-3",
          "height": 36,
          "paddingX": 12,
          "fontSize": 14
        },
        "lg": {
          "classes": "h-11 text-base px-4",
          "height": 44,
          "paddingX": 16,
          "fontSize": 16
        }
      }
    },
    "shell": {
      "sidebar": {
        "source": "src/frontend/components/_ui/sidebar.tsx",
        "code": "w-60",
        "px": 240
      },
      "rail": {
        "source": "src/frontend/components/_ui/sidebar.tsx",
        "code": "w-14",
        "px": 56
      },
      "topBar": {
        "source": "src/frontend/components/_ui/top-bar.tsx",
        "code": "h-14",
        "px": 56
      },
      "sidePanel": {
        "source": "src/frontend/components/_ui/side-panel.tsx",
        "code": "width = 480",
        "px": 480,
        "maxWidth": "100vw"
      },
      "gutter": {
        "source": "src/frontend/components/_ui/page-header.tsx",
        "code": "px-6",
        "px": 24
      },
      "palette": {
        "source": "src/frontend/components/_ui/command-palette.tsx",
        "code": "max-w-xl",
        "px": 576
      }
    },
    "fontSize": {
      "source": "src/frontend/tailwind.config.ts",
      "roles": {
        "zd-body": {
          "size": "0.875rem",
          "lineHeight": "1.25rem",
          "px": 14,
          "lineHeightPx": 20
        },
        "zd-compact": {
          "size": "0.8125rem",
          "lineHeight": "1.125rem",
          "px": 13,
          "lineHeightPx": 18
        },
        "zd-meta": {
          "size": "0.75rem",
          "lineHeight": "1rem",
          "px": 12,
          "lineHeightPx": 16
        },
        "zd-overline": {
          "size": "0.6875rem",
          "lineHeight": "1rem",
          "letterSpacing": "0.08em",
          "fontWeight": 500,
          "px": 11,
          "lineHeightPx": 16
        }
      }
    },
    "mark": {
      "source": "src/frontend/components/brand/zerone-mark.tsx",
      "viewBox": "0 0 101.6 134.69",
      "pathSha256": "68ae4ecaed2daf6b15586f38b7f64508720aa0273543b693d0e8d56d7eb6191c"
    }
  }
}