/** plattformens designtokens. Grön bas (mat, hållbarhet), varm accent. */
export const colors = {
  background: "#F7F8F5",
  surface: "#FFFFFF",
  surfaceAlt: "#EFF3EC",
  text: "#17241B",
  textMuted: "#5C6B60",
  primary: "#16803C",
  primaryDark: "#0F5C2B",
  primarySoft: "#DCF2E3",
  accent: "#E2712E",
  accentSoft: "#FCE9DC",
  danger: "#B91C1C",
  dangerSoft: "#FEE2E2",
  warning: "#B45309",
  warningSoft: "#FEF3C7",
  border: "#E3E8E0",
  overlay: "rgba(15, 36, 23, 0.55)",
} as const;

export const spacing = {
  xs: 4,
  sm: 8,
  md: 16,
  lg: 24,
  xl: 32,
} as const;

export const radius = {
  sm: 8,
  md: 12,
  lg: 16,
  full: 999,
} as const;

export const typography = {
  title: { fontSize: 26, fontWeight: "700" as const, color: colors.text },
  heading: { fontSize: 19, fontWeight: "700" as const, color: colors.text },
  body: { fontSize: 15, color: colors.text },
  small: { fontSize: 13, color: colors.textMuted },
} as const;
