Name: Designsync Variables
Author: safe-global

Designsync Variables | Skills Pool

Figma Export	CSS Variable
`--general-background`	`--background`
`--general-foreground`	`--foreground`
`--general-primary`	`--primary`
`--general-primary-foreground`	`--primary-foreground`
`--general-secondary`	`--secondary`
`--general-secondary-foreground`	`--secondary-foreground`
`--general-muted`	`--muted`
`--general-muted-foreground`	`--muted-foreground`
`--general-accent`	`--accent`
`--general-accent-foreground`	`--accent-foreground`
`--general-destructive`	`--destructive`
`--general-border`	`--border`
`--general-input`	`--input`
`--card-card`	`--card`
`--card-card-foreground`	`--card-foreground`
`--popover-popover`	`--popover`
`--popover-popover-foreground`	`--popover-foreground`
`--focus-ring`	`--ring`
`--sidebar-sidebar`	`--sidebar`
`--sidebar-sidebar-foreground`	`--sidebar-foreground`
`--sidebar-sidebar-primary`	`--sidebar-primary`
`--sidebar-sidebar-primary-foreground`	`--sidebar-primary-foreground`
`--sidebar-sidebar-accent`	`--sidebar-accent`
`--sidebar-sidebar-accent-foreground`	`--sidebar-accent-foreground`
`--sidebar-sidebar-border`	`--sidebar-border`
`--sidebar-sidebar-ring`	`--sidebar-ring`

--general-background: #ffffff;
--general-primary: #12ff80;

--background: #ffffff;
--primary: #12ff80;

Designsync Variables

Source of truth: Figma plugin export (user provides)
Target: apps/web/src/styles/globals.css

Sync Variables from Figma