// Gemeinsame Style-Tokens für alle E-Mail-Templates.
//
// Schriftart: Mail-Clients fallen unterschiedlich zurück, wenn ein Font nicht
// verfügbar ist. Manche (z.B. einige Web-Reader) wählen dann Monospace —
// deshalb erst Arial/Helvetica voranstellen, die praktisch überall existieren.
// Außerdem wird `fontFamily` auf einzelne Elemente gesetzt statt nur auf
// `<Body>`, weil Outlook & Co. die Body-CSS oft nicht erben.
export const fontStack =
  'Arial, Helvetica, "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, sans-serif';

export const colors = {
  brandGreen: "#1f3b2d",
  brandGreenAccent: "#2f6b4f",
  bgSoft: "#f6f7f2",
  bgAlt: "#f8faf8",
  cardBg: "#ffffff",
  border: "#e0e5dc",
  hr: "#dfe5d9",
  textHeader: "#ffffff",
  textPrimary: "#1f2a24",
  textBody: "#344139",
  textMuted: "#66736b",
  textFaint: "#7b857d",
  link: "#2f6b4f",
  eyebrow: "#d8f2bd",
  lead: "#e7f3e6",
};

export const baseBodyStyle = {
  margin: 0,
  backgroundColor: colors.bgSoft,
  fontFamily: fontStack,
  color: colors.textPrimary,
} as const;

export const baseTextStyle = {
  fontFamily: fontStack,
  color: colors.textBody,
} as const;
