Design tokenek

{
  "name": "design-tokens",
  "version": 1,
  "colors": {
    "background": "oklch(0.99 0.008 95)",
    "foreground": "oklch(0.24 0.03 155)",
    "card": "oklch(1 0.004 95)",
    "card-foreground": "oklch(0.24 0.03 155)",
    "popover": "oklch(1 0.004 95)",
    "popover-foreground": "oklch(0.24 0.03 155)",
    "primary": "oklch(0.45 0.11 158)",
    "primary-foreground": "oklch(0.98 0.01 95)",
    "secondary": "oklch(0.955 0.018 92)",
    "secondary-foreground": "oklch(0.29 0.035 155)",
    "muted": "oklch(0.955 0.018 92)",
    "muted-foreground": "oklch(0.5 0.02 150)",
    "accent": "oklch(0.9 0.055 85)",
    "accent-foreground": "oklch(0.29 0.035 155)",
    "destructive": "oklch(0.55 0.2 27)",
    "destructive-foreground": "oklch(0.98 0.01 95)",
    "border": "oklch(0.9 0.016 92)",
    "input": "oklch(0.9 0.016 92)",
    "ring": "oklch(0.45 0.11 158)"
  },
  "typography": {
    "font-display": "\"Fraunces\", ui-serif, Georgia, serif",
    "font-body": "\"Outfit\", ui-sans-serif, system-ui, sans-serif",
    "text-xs": "0.75rem / 1rem",
    "text-sm": "0.875rem / 1.25rem",
    "text-base": "1rem / 1.5rem",
    "text-lg": "1.125rem / 1.75rem",
    "text-xl": "1.25rem / 1.75rem",
    "text-2xl": "1.5rem / 2rem",
    "text-3xl": "1.875rem / 2.25rem",
    "text-4xl": "2.25rem / 2.5rem",
    "text-5xl": "3rem / 1.1",
    "text-6xl": "3.75rem / 1.05",
    "tracking-tight": "-0.025em",
    "weight-body": "400",
    "weight-display": "600"
  },
  "spacing": {
    "space-1": "0.25rem",
    "space-2": "0.5rem",
    "space-3": "0.75rem",
    "space-4": "1rem",
    "space-6": "1.5rem",
    "space-8": "2rem",
    "space-10": "2.5rem",
    "space-12": "3rem",
    "space-16": "4rem",
    "space-20": "5rem",
    "space-24": "6rem",
    "space-32": "8rem",
    "container-max": "1200px",
    "section-y": "clamp(4rem, 8vw, 8rem)",
    "gutter-x": "clamp(1rem, 4vw, 2.5rem)"
  },
  "radii": {
    "radius": "0.75rem",
    "radius-sm": "calc(var(--radius) - 4px)",
    "radius-md": "calc(var(--radius) - 2px)",
    "radius-lg": "var(--radius)",
    "radius-xl": "calc(var(--radius) + 4px)",
    "radius-2xl": "calc(var(--radius) + 8px)",
    "radius-3xl": "calc(var(--radius) + 12px)",
    "radius-4xl": "calc(var(--radius) + 16px)",
    "radius-full": "9999px"
  }
}