export const main = {
	backgroundColor: "#010318",
	fontFamily:
		'"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, sans-serif',
};

export const container = {
	backgroundColor: "#ffffff",
	margin: "0 auto",
	padding: "0",
	marginBottom: "32px",
};

export const topBorderSection = {
	padding: "0",
	margin: "0",
};

export const topBorder = {
	borderColor: "#64759B",
	borderWidth: "4px 0 0 0",
	borderStyle: "solid",
	margin: "0",
	width: "100%",
};

export const section = {
	padding: "32px 48px",
};

export const text = {
	color: "#525f7f",
	fontSize: "16px",
	lineHeight: "24px",
	marginBottom: "16px",
	textAlign: "left" as const,
	fontFamily:
		'"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, sans-serif',
};

export const button = {
	backgroundColor: "#1D2551",
	borderRadius: "8px",
	color: "#fff",
	fontSize: "16px",
	fontWeight: "bold",
	textDecoration: "none",
	textAlign: "center" as const,
	display: "block",
	padding: "14px 28px",
	marginBottom: "16px",
	fontFamily:
		'"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, sans-serif',
};

export const h1 = {
	color: "#333",
	fontSize: "24px",
	fontWeight: "500",
	margin: "0",
	padding: "0",
	lineHeight: "32px",
	textAlign: "center" as const,
	fontFamily:
		'"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, sans-serif',
};

export const codeContainer = {
	backgroundColor: "#DEE9F2",
	borderRadius: "8px",
	border: "1px solid #e6ebf1",
	padding: "24px",
	margin: "24px 0",
	textAlign: "center" as const,
};

export const code = {
	color: "#333",
	fontSize: "32px",
	fontWeight: "bold",
	lineHeight: "40px",
	letterSpacing: "4px",
	fontFamily:
		'"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, sans-serif',
	margin: "0",
};

export const footerText = {
	color: "#525f7f",
	fontSize: "14px",
	lineHeight: "20px",
	marginBottom: "8px",
	fontFamily:
		'"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, sans-serif',
};

export const signatureText = {
	color: "#525f7f",
	fontSize: "14px",
	lineHeight: "20px",
	marginBottom: "2px",
	fontFamily:
		'"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, sans-serif',
};

export const link = {
	color: "#007ee6",
	textDecoration: "none",
};

export const highlightText = {
	backgroundColor: "#C3DCF8",
	padding: "0px 4px",
	paddingBottom: "3px",
	color: "#333",
	fontWeight: "bold",
	lineHeight: "0.5",
	display: "inline-block",
	verticalAlign: "baseline",
	marginTop: "2px",
};
