/** @type {import('tailwindcss').Config} */ export default { theme: { extend: { // Sub-`text-xs` ramp for meta text (timestamps, count badges, tracking // labels) and tiny glyphs. Defined in rem so Cmd +/- zoom — which scales // the root font-size — keeps scaling them. Do NOT reintroduce // arbitrary `text-[…rem]` / `text-[…px]` literals; the px-text guard // rejects them. Stock scale picks up from here: xs (12px), sm (14px)… fontSize: { "2xs": "0.6875rem", // 11px — meta-text workhorse (timestamps, badges) "3xs": "0.5rem", // 8px — tiny glyphs / micro labels }, borderRadius: { lg: "var(--radius)", md: "calc(var(--radius) - 2px)", sm: "calc(var(--radius) - 4px)", }, fontFamily: { sans: [ '"Inter Variable"', "Inter", '"Avenir Next"', '"Segoe UI"', "sans-serif", ], }, colors: { background: "hsl(var(--background))", foreground: "hsl(var(--foreground))", card: { DEFAULT: "hsl(var(--card))", foreground: "hsl(var(--card-foreground))", }, popover: { DEFAULT: "hsl(var(--popover))", foreground: "hsl(var(--popover-foreground))", }, primary: { DEFAULT: "hsl(var(--primary))", foreground: "hsl(var(--primary-foreground))", }, secondary: { DEFAULT: "hsl(var(--secondary))", foreground: "hsl(var(--secondary-foreground))", }, muted: { DEFAULT: "hsl(var(--muted))", foreground: "hsl(var(--muted-foreground))", }, accent: { DEFAULT: "hsl(var(--accent))", foreground: "hsl(var(--accent-foreground))", }, destructive: { DEFAULT: "hsl(var(--destructive))", foreground: "hsl(var(--destructive-foreground))", }, border: "hsl(var(--border))", input: "hsl(var(--input))", ring: "hsl(var(--ring))", sidebar: { DEFAULT: "hsl(var(--sidebar-background))", foreground: "hsl(var(--sidebar-foreground))", primary: "hsl(var(--sidebar-primary))", "primary-foreground": "hsl(var(--sidebar-primary-foreground))", active: "hsl(var(--sidebar-active))", "active-foreground": "hsl(var(--sidebar-active-foreground))", accent: "hsl(var(--sidebar-accent))", "accent-foreground": "hsl(var(--sidebar-accent-foreground))", border: "hsl(var(--sidebar-border))", ring: "hsl(var(--sidebar-ring))", }, status: { added: "var(--status-added)", deleted: "var(--status-deleted)", modified: "var(--status-modified)", }, warning: { DEFAULT: "var(--ui-warning)", bg: "var(--ui-warning-bg)", }, }, }, }, plugins: [], };