@import url('https://fonts.googleapis.com/css?family=Figtree');
@import url('https://fonts.googleapis.com/css?family=Archivo');
@import url('https://fonts.googleapis.com/css?family=Figtree');

:root,
:after,
:before {
  --theme-color: #582185;
  --fp-body-color: #ffffff;
  --fp-theme-color: #582185;
  --fp-theme-secondary-color: #f0ebff;
  --fp-text-color: #282828;
  --fp-title-color: #0000e6;
  --fp-theme-contrast-color: #ffffff;

  --fp-title-font: Figtree;
  --fp-text-font: Archivo;
  --fp-button-font: Figtree;
  --fp-hyperlink-color: #00469a;

  --theme-button-background-color: var(--fp-theme-contrast-color);
  --theme-button-text-color: var(--fp-custom-color-4);
  --theme-button-border-color: var(--fp-body-color);
  --theme-button-hover-background-color: var(--fp-custom-color-4);
  --theme-button-hover-text-color: var(--fp-theme-contrast-color);
  --theme-button-hover-border-color: var(--fp-custom-color-4);

  --donation-button-background-color: var(--fp-custom-color-5);
  --donation-button-text-color: var(--fp-theme-contrast-color);
  --donation-button-border-color: var(--fp-custom-color-5);
  --donation-button-hover-background-color: #f97195;
  --donation-button-hover-text-color: var(--fp-theme-contrast-color);
  --donation-button-hover-border-color: #f97195;

  --start-action-button-background-color: var(--fp-custom-color-4);
  --start-action-button-text-color: var(--fp-theme-contrast-color);
  --start-action-button-border-color: #fe6900;
  --start-action-button-hover-background-color: #ec5a00;
  --start-action-button-hover-text-color: var(--fp-theme-contrast-color);
  --start-action-button-hover-border-color: #ec5a00;

  --start-project-button-background-color: #FFFFFF00;
  --start-project-button-text-color: var(--fp-theme-color);
  --start-project-button-border-color: var(--fp-theme-color);
  --start-project-button-hover-background-color: var(--fp-theme-color);
  --start-project-button-hover-text-color: var(--fp-theme-contrast-color);
  --start-project-button-hover-border-color: var(--fp-theme-color);

  --fp-global-title-font-size: 45px;
  --fp-global-title-font-weight: 700;
  --fp-global-title-text-transform: default;

    --fp-custom-color-1: #fdc300;
    --fp-custom-color-2: #f0ebff;
    --fp-custom-color-3: #999999;
    --fp-custom-color-4: #fe6900;
    --fp-custom-color-5: #fb81b6;
    --fp-custom-color-6: #00ddc5;
    --fp-custom-color-7: #D7E4FF;
}