// Style constants used by all CC shapes
export const CC_BASE_STYLE_CONSTANTS = {
  FONT_FAMILY: 'Inter, sans-serif',
  FONT_SIZES: {
    small: 12,
    medium: 14,
    large: 16,
  },
  // Container styles
  CONTAINER: {
    borderRadius: '4px',
    borderWidth: '2px',
    borderColor: '#e2e8f0',
    boxShadow: '0 2px 4px var(--color-muted-1)',
  },
  HEADER: {
    height: 32,
    padding: 8,
    borderRadius: 4,
  },
  CONTENT: {
    padding: 8,
    borderRadius: 8,
    borderWidth: 2,
    backgroundColor: 'white',
  },
  HANDLE: {
    width: 8,
  },
  COLORS: {
    primary: '#3e6589',
    primary_dark: '#2e4a69',
    secondary: '#718096',
    secondary_dark: '#5a687a',
    background: '#ffffff',
    border: '#e2e8f0',
    text: '#1a202c',
    textLight: '#718096',
  },
  // Minimum dimensions
  MIN_DIMENSIONS: {
    width: 100,
    height: 100,
  },
} as const 

// Calendar specific styles
export const CC_CALENDAR_STYLE_CONSTANTS = {
  // Common button styles
  COMMON_BUTTON: {
    border: 'none',
    borderRadius: '5px',
    padding: '0.4em 1em',
    fontSize: '0.95em',
    textTransform: 'uppercase',
    letterSpacing: '0.05em',
    cursor: 'pointer',
    transition: 'background-color 0.3s ease',
    boxShadow: '0 4px 6px rgba(0, 0, 0, 0.1)',
  },

  // Application button styles
  APPLICATION_BUTTON: {
    backgroundColor: '#4f80ff',
    color: '#fff',
  },

  // Option button styles
  OPTION_BUTTON: {
    backgroundColor: '#f0f4f9',
    color: '#2c3e50',
    border: '1px solid #ddd',
  },

  // Calendar event styles
  EVENT: {
    mainFrame: {
      backgroundColor: 'transparent',
      padding: '0px',
      display: 'flex',
      alignItems: 'center',
      justifyContent: 'center',
      minHeight: '100%',
      borderRadius: '4px',
    },
    title: {
      fontSize: '1.1em',
      fontWeight: 'normal',
      textAlign: 'center',
      overflow: 'hidden',
      textOverflow: 'ellipsis',
      whiteSpace: 'nowrap',
      opacity: 1,
      padding: '0px 0px',
      width: '100%',
      letterSpacing: '0.02em',
      margin: '0px 0px',
    }
  }
} as const 

// Slideshow specific styles
export const CC_SLIDESHOW_STYLE_CONSTANTS = {
  DEFAULT_SLIDE_WIDTH: 1280,
  DEFAULT_SLIDE_HEIGHT: 720,
  SLIDE_HEADER_HEIGHT: 32,
  SLIDE_HEADER_PADDING: 8,
  SLIDE_CONTENT_PADDING: 0,
  SLIDE_BORDER_RADIUS: 4,
  SLIDE_BORDER_WIDTH: 1,
  SLIDE_SPACING: 16,
  SLIDE_COLORS: {
    background: '#ffffff',
    border: '#e2e8f0',
    text: '#ffffff',
    secondary: '#718096',
  },
} as const