:root, .w-theme-light {
  --w-color-primary: #000;
  --w-color-primary-200: #222;
  --w-color-surface-page: #F1EDE4;
  --w-color-surface-menus: #B8B799;
  --w-color-secondary: #983E26;
  --w-color-secondary-600: #ad6551;
  --w-color-secondary-400: #b77867;
  --w-color-secondary-100: #d6b2a8;
  --w-color-secondary-75: #e0c5b9;
}

@media (prefers-color-scheme: light) { .w-theme-system { 
  --w-color-primary: #000;
  --w-color-primary-200: #222;
  --w-color-surface-page: #F1EDE4;
  --w-color-surface-menus: #B8B799;
  --w-color-secondary: #983E26;
  --w-color-secondary-600: #ad6551;
  --w-color-secondary-400: #b77867;
  --w-color-secondary-100: #d6b2a8;
  --w-color-secondary-75: #e0c5b9;
 }} 

.w-theme-dark {
  --w-color-primary: #000;
  --w-color-primary-200: #222;
  --w-color-surface-page: #333;
  --w-color-surface-menus: #444;
  --w-color-secondary: #983E26;
  --w-color-secondary-600: #ad6551;
  --w-color-secondary-400: #b77867;
  --w-color-secondary-100: #d6b2a8;
  --w-color-secondary-75: #e0c5b9;
}

@media (prefers-color-scheme: dark) { .w-theme-system { 
  --w-color-primary: #000;
  --w-color-primary-200: #222;
  --w-color-surface-page: #333;
  --w-color-surface-menus: #444;
  --w-color-secondary: #983E26;
  --w-color-secondary-600: #ad6551;
  --w-color-secondary-400: #b77867;
  --w-color-secondary-100: #d6b2a8;
  --w-color-secondary-75: #e0c5b9;
 }}