// Design tokens mirrored from the frontend's app.css (light theme) so emails match the app
// Email clients have no CSS variable or oklch support, so the values are the resolved hex equivalents
export const colors = {
  background: "#f5f5f5",
  card: "#ffffff",
  border: "#e5e5e5",
  muted: "#fafafa",
  foreground: "#0a0a0a",
  text: "#404040",
  mutedForeground: "#737373",
  primary: "#171717",
  primaryForeground: "#ffffff",
};

export const fonts = {
  sans: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif",
  serif: "Gloock, Georgia, 'Times New Roman', serif",
  mono: "'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace",
};

export const radius = {
  card: "24px",
  box: "16px",
  pill: "9999px",
};