:root {
  /* Default Colors */
  --e-global-color-primary: #6EC1E4;          /* Light Blue */
  --e-global-color-secondary: #54595F;        /* Dark Gray */
  --e-global-color-text: #7A7A7A;             /* Medium Gray */
  --e-global-color-accent: #61CE70;           /* Green */
  --e-global-color-success: #61CE70;          /* Green (Same as accent by default) */
  --e-global-color-info: #6EC1E4;             /* Light Blue (Same as primary by default) */
  --e-global-color-warning: #FCB214;          /* Orange */
  --e-global-color-danger: #EE5D48;           /* Red */
  
  /* Typography */
  --e-global-typography-primary-font-family: "Roboto", Sans-serif;
  --e-global-typography-primary-font-size: 1.5em;
  --e-global-typography-primary-font-weight: 600;
  --e-global-typography-primary-text-transform: none;
  --e-global-typography-primary-font-style: normal;
  --e-global-typography-primary-text-decoration: none;
  --e-global-typography-primary-line-height: 1.4;
  --e-global-typography-primary-letter-spacing: 0px;
  
  --e-global-typography-secondary-font-family: "Roboto Slab", Sans-serif;
  --e-global-typography-secondary-font-size: 1.3em;
  --e-global-typography-secondary-font-weight: 400;
  --e-global-typography-secondary-text-transform: none;
  --e-global-typography-secondary-font-style: normal;
  --e-global-typography-secondary-text-decoration: none;
  --e-global-typography-secondary-line-height: 1.4;
  --e-global-typography-secondary-letter-spacing: 0px;
  
  --e-global-typography-text-font-family: "Roboto", Sans-serif;
  --e-global-typography-text-font-size: 1em;
  --e-global-typography-text-font-weight: 400;
  --e-global-typography-text-text-transform: none;
  --e-global-typography-text-font-style: normal;
  --e-global-typography-text-text-decoration: none;
  --e-global-typography-text-line-height: 1.5;
  --e-global-typography-text-letter-spacing: 0px;
  
  --e-global-typography-accent-font-family: "Roboto", Sans-serif;
  --e-global-typography-accent-font-size: 1em;
  --e-global-typography-accent-font-weight: 500;
  --e-global-typography-accent-text-transform: none;
  --e-global-typography-accent-font-style: normal;
  --e-global-typography-accent-text-decoration: none;
  --e-global-typography-accent-line-height: 1.4;
  --e-global-typography-accent-letter-spacing: 0px;
  
  /* Button Styles */
  --e-global-typography-button-font-family: "Roboto", Sans-serif;
  --e-global-typography-button-font-size: 0.9em;
  --e-global-typography-button-font-weight: 500;
  --e-global-typography-button-text-transform: uppercase;
  --e-global-typography-button-font-style: normal;
  --e-global-typography-button-text-decoration: none;
  --e-global-typography-button-line-height: 1;
  --e-global-typography-button-letter-spacing: 0.5px;
  
  /* Additional System Colors (These are often used in Pro features) */
  --e-global-color-system-white: #FFFFFF;
  --e-global-color-system-black: #000000;
  --e-global-color-system-green: #61CE70;
  --e-global-color-system-blue: #0073AA;
  --e-global-color-system-orange: #F7951E;
  --e-global-color-system-red: #D72B3F;
  
  /* Layout Variables */
  --e-global-section-padding-block: 60px;
  --e-global-section-padding-inline: 20px;
  --e-global-container-width: 1140px;
  --e-global-container-width-tablet: 1024px;
  --e-global-container-width-mobile: 767px;
}

/* You can customize the above values to match your theme colors and typography */ 