:root {
  
  --font-body--family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-heading--family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-subheading--family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  
  --spacing-scale: 1;
  --page-width: 1200px;
  --max-width--body-normal: 1200px;
  --color-border-rgb: 222, 222, 222;
  
  --section-height-small: 40vh;
  --section-height-medium: 55vh;
  --section-height-large: 70vh;

  --style-border-radius-inputs: 4px;
}

:root,
.color-scheme-1 {
  --color-background: #ffffff;
  --color-background-rgb: 255, 255, 255;
  --color-foreground: #000000;
  --color-foreground-rgb: 0, 0, 0;
  --color-foreground-heading: #000000;
  --color-primary: #666666;
  --color-primary-hover: #000000;
  --color-border: #e6e6e6;
  --color-border-rgb: 230, 230, 230;
  --color-shadow: #000000;
  --color-primary-button-background: #666666;
  --color-primary-button-text: #ffffff;
  --color-secondary-button-background: #efefef;
  --color-secondary-button-text: #000000;
  --color-input-background: #ffffff;
  --color-input-text: #000000;
  --color-input-border: #00000021;
}

.color-scheme-2 {
  --color-background: #ffffff;
  --color-background-rgb: 255, 255, 255;
  --color-foreground: #000000;
  --color-foreground-rgb: 0, 0, 0;
  --color-foreground-heading: #000000;
  --color-primary: #000000;
  --color-border: #e6e6e6;
  --color-border-rgb: 230, 230, 230;
  --color-primary-button-background: #000000;
  --color-primary-button-text: #ffffff;
}

.color-scheme-3 {
  --color-background: #f2f2f2;
  --color-background-rgb: 242, 242, 242;
  --color-foreground: #000000;
  --color-foreground-rgb: 0, 0, 0;
  --color-foreground-heading: #000000;
  --color-primary: #666666;
  --color-border: #d0d0d0;
  --color-border-rgb: 208, 208, 208;
  --color-primary-button-background: #666666;
  --color-primary-button-text: #ffffff;
}

.color-scheme-4 {
  --color-background: #383838;
  --color-background-rgb: 56, 56, 56;
  --color-foreground: #ffffff;
  --color-foreground-rgb: 255, 255, 255;
  --color-foreground-heading: #ffffff;
  --color-primary: #ffffff;
  --color-primary-hover: #000000;
  --color-border: #e6e6e6;
  --color-border-rgb: 230, 230, 230;
  --color-primary-button-background: #53ccef;
  --color-primary-button-text: #ffffff;
}

.color-scheme-5 {
  --color-background: #000000;
  --color-background-rgb: 0, 0, 0;
  --color-foreground: #ffffff;
  --color-foreground-rgb: 255, 255, 255;
  --color-foreground-heading: #ffffff;
  --color-primary: #ffffff;
  --color-primary-hover: #acacac;
  --color-border: #666666;
  --color-border-rgb: 102, 102, 102;
  --color-primary-button-background: #ffffff;
  --color-primary-button-text: #000000;
}

.color-scheme-6 {
  --color-background: transparent;
  --color-background-rgb: 0, 0, 0;
  --color-foreground: #ffffff;
  --color-foreground-rgb: 255, 255, 255;
  --color-foreground-heading: #ffffff;
  --color-primary: #ffffff;
  --color-border: transparent;
  --color-border-rgb: 0, 0, 0;
}

.color-scheme-76d97550-5511-4192-90e6-d8eda9d8dd2f,
.color-scheme-266ab910-da66-40a8-9beb-dea6d83e02af {
  --color-background: #49A4D6;
  --color-background-rgb: 73, 164, 214;
  --color-foreground: #ffffff;
  --color-foreground-rgb: 255, 255, 255;
  --color-foreground-heading: #ffffff;
  --color-primary: #ffffff;
  --color-border: #e6e6e6;
  --color-border-rgb: 230, 230, 230;
  --color-primary-button-background: #666666;
  --color-primary-button-text: #ffffff;
}

body {
  font-family: var(--font-body--family);
  color: var(--color-foreground);
  background-color: var(--color-background);
  line-height: 1.6;
  margin: 0;
}