.forever__color-scheme {
  --surface-background: #1c2325;
  --surface-content: #f4f0eb;
  --surface-border: #1c2325;
  --container-background: #07324a;
  --container-content: #f4f0eb;
  --container-border: #07324a;
  --container-accent: #007ea6;
  --container-subtle: #00afd7;
  --container-background-hover: #00afd7;
  --container-content-hover: #f4f0eb;
  --container-border-hover: #00afd7;
  --primary-background: #007ea6;
  --primary-content: #ffffff;
  --primary-border: #007ea6;
  --primary-background-hover: #00afd7;
  --primary-content-hover: #ffffff;
  --primary-border-hover: #00afd7;
  --highlight-background: #c6af8d;
  --highlight-content: #000000;
  --highlight-border: #c6af8d;
  --highlight-sale: #fe704d;
  /*--font-heading-family: Poppins;
  --font-heading-weight: SemiBold;
  --font-body-family: Archivo;
  --font-body-weight: Medium;*/
}

:root {
    --pico-background-color: var(--surface-background);
    --pico-color: var(--surface-content);

    --pico-primary: var(--primary-background);
    --pico-primary-background: var(--primary-background);
    --pico-primary-border: var(--primary-border);
    --pico-primary-hover: var(--primary-background-hover);

    --pico-card-background-color: var(--container-background);
    --pico-card-border-color: var(--container-border);

    --pico-form-element-background-color: var(--surface-background);
    --pico-form-element-border-color: var(--container-border);

    --pico-font-family: var(--font-body-family);
}