# tailwind.config.ts — aggiunte

Dentro `theme.extend` del file esistente. Non togliere nulla di quello che c'è.

```ts
fontFamily: {
  sans: ["Geist", "ui-sans-serif", "system-ui", "sans-serif"],
  mono: ["Geist Mono", "ui-monospace", "SFMono-Regular", "monospace"],
},
colors: {
  // …colori esistenti invariati…
  positive: "hsl(var(--positive))",
  negative: "hsl(var(--negative))",
  warning: "hsl(var(--warning))",
  neutral: "hsl(var(--neutral))",
  success: "hsl(var(--success))",
  info: "hsl(var(--info))",
  "primary-subtle": "hsl(var(--primary-subtle))",
  pl: {
    income: { DEFAULT: "hsl(var(--pl-income))", bar: "hsl(var(--pl-income-bar))", ink: "hsl(var(--pl-income-ink))" },
    "cost-1": { DEFAULT: "hsl(var(--pl-cost-1))", bar: "hsl(var(--pl-cost-1-bar))", ink: "hsl(var(--pl-cost-1-ink))" },
    "cost-2": { DEFAULT: "hsl(var(--pl-cost-2))", bar: "hsl(var(--pl-cost-2-bar))", ink: "hsl(var(--pl-cost-2-ink))" },
    "cost-3": { DEFAULT: "hsl(var(--pl-cost-3))", bar: "hsl(var(--pl-cost-3-bar))", ink: "hsl(var(--pl-cost-3-ink))" },
    "income-2": { DEFAULT: "hsl(var(--pl-income-2))", bar: "hsl(var(--pl-income-2-bar))", ink: "hsl(var(--pl-income-2-ink))" },
    "cost-4": { DEFAULT: "hsl(var(--pl-cost-4))", bar: "hsl(var(--pl-cost-4-bar))", ink: "hsl(var(--pl-cost-4-ink))" },
    subtotal: { DEFAULT: "hsl(var(--pl-subtotal))", bar: "hsl(var(--pl-subtotal-bar))" },
    key: { DEFAULT: "hsl(var(--pl-key))", ink: "hsl(var(--pl-key-ink))" },
    total: { DEFAULT: "hsl(var(--pl-total))", ink: "hsl(var(--pl-total-ink))" },
  },
  cc: {
    1: "hsl(var(--cc-1))", 2: "hsl(var(--cc-2))", 3: "hsl(var(--cc-3))", 4: "hsl(var(--cc-4))", 5: "hsl(var(--cc-5))",
    6: "hsl(var(--cc-6))", 7: "hsl(var(--cc-7))", 8: "hsl(var(--cc-8))", 9: "hsl(var(--cc-9))", 10: "hsl(var(--cc-10))",
    rest: "hsl(var(--cc-rest))",
  },
},
borderRadius: {
  // lg / md / sm esistenti invariati
  xl: "calc(var(--radius) + 4px)",
},
boxShadow: {
  sm: "var(--shadow-sm)",
  md: "var(--shadow-md)",
  lg: "var(--shadow-lg)",
  xl: "var(--shadow-xl)",
},
```

Esempi d'uso: `text-positive`, `text-negative`, `bg-pl-income`, `border-l-pl-income-bar`, `text-pl-income-ink`, `bg-cc-3`, `font-mono`.