---
name: "Syne AI"
description: "Syne AI design system"
colors:
primary: "#2E5D39"
primary-light: "#428652"
primary-hover: "#24492D"
background: "#FFFFFF"
surface: "#FAFAFA"
surface-elevated: "#FFFFFF"
text-primary: "#111827"
text-secondary: "#6B7280"
border: "#E5E7EB"
success: "#16A34A"
warning: "#F59E0B"
danger: "#DC2626"
spacing:
xs: 4
sm: 8
md: 12
lg: 16
xl: 24
2xl: 32
radius:
sm: 6
md: 10
lg: 14
typography:
fontFamily: Inter
display:
size: 40
weight: 700
h1:
size: 28
weight: 600
h2:
size: 22
weight: 600
body:
size: 15
weight: 400
caption:
size: 13
weight: 400
components:
button:
radius: "{radius.md}"
paddingY: "{spacing.md}"
paddingX: "{spacing.lg}"
card:
background: "{colors.surface-elevated}"
radius: "{radius.lg}"
border: "{colors.border}"
shadow: "{shadows.sm}"
and so on.....