/**
 * Email Template Inline Styles
 * @ai-summary Reusable inline CSS constants for email templates
 * @ai-context Email clients require inline styles for proper rendering
 */

export const EMAIL_STYLES = {
  // Layout containers
  wrapper: 'width: 100%; background-color: #f8f9fa; padding: 20px 0;',
  container: 'max-width: 600px; margin: 0 auto; background-color: #ffffff;',
  innerContainer: 'width: 100%;',

  // Header
  header: 'background-color: #7A212A; padding: 30px 20px; text-align: center;',
  logo: 'max-width: 280px; height: auto; display: block; margin: 0 auto;',

  // Content area
  content: 'padding: 40px 30px; font-family: Arial, Helvetica, sans-serif; color: #1e293b; line-height: 1.6; font-size: 16px;',

  // Typography
  heading: 'color: #7A212A; font-size: 24px; font-weight: bold; margin: 0 0 20px 0; font-family: Arial, Helvetica, sans-serif;',
  subheading: 'color: #1e293b; font-size: 18px; font-weight: bold; margin: 0 0 16px 0; font-family: Arial, Helvetica, sans-serif;',
  paragraph: 'margin: 0 0 16px 0; font-size: 16px; color: #1e293b; font-family: Arial, Helvetica, sans-serif; line-height: 1.6;',
  strong: 'font-weight: bold; color: #7A212A;',

  // Footer
  footer: 'background-color: #f1f5f9; padding: 30px 20px; text-align: center; border-top: 2px solid #7A212A;',
  footerText: 'font-size: 14px; color: #64748b; margin: 8px 0; font-family: Arial, Helvetica, sans-serif;',
  footerLink: 'color: #7A212A; text-decoration: none; font-weight: bold;',
  footerLinkHover: 'color: #9c2a36; text-decoration: underline;',
  copyright: 'font-size: 12px; color: #94a3b8; margin: 16px 0 0 0; font-family: Arial, Helvetica, sans-serif;',

  // Divider
  divider: 'border: 0; border-top: 1px solid #e2e8f0; margin: 20px 0;',

  // Table cells
  cell: 'padding: 0;',
  cellWithPadding: 'padding: 20px;',
} as const;
