@import url('https://fonts.googleapis.com/css?family=Londrina+Solid');
@import url('https://fonts.googleapis.com/css?family=Chocolate+Classical+Sans');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

:root,
:after,
:before {
  --theme-color: #bd702a;
  --fp-body-color: #f5f5f5;
  --fp-theme-color: #bd702a;
  --fp-theme-secondary-color: #ebd4bf;
  --fp-text-color: #333333;
  --fp-title-color: #333333;
  --fp-theme-contrast-color: #f5f5f5;

  --fp-title-font: Londrina Solid;
  --fp-text-font: Chocolate Classical Sans;
  --fp-button-font: Open Sans;
  --fp-hyperlink-color: #bd702a;

  --theme-button-background-color: var(--fp-hyperlink-color);
  --theme-button-text-color: var(--fp-theme-contrast-color);
  --theme-button-border-color: var(--fp-hyperlink-color);
  --theme-button-hover-background-color: #844e1d;
  --theme-button-hover-text-color: var(--fp-theme-contrast-color);
  --theme-button-hover-border-color: #844e1d;

  --donation-button-background-color: #c03b50;
  --donation-button-text-color: #f9edef;
  --donation-button-border-color: #c03b50;
  --donation-button-hover-background-color: #862938;
  --donation-button-hover-text-color: #f9edef;
  --donation-button-hover-border-color: #862938;

  --start-action-button-background-color: #ffffff00;
  --start-action-button-text-color: #17be6a;
  --start-action-button-border-color: #17be6a;
  --start-action-button-hover-background-color: #17be6a;
  --start-action-button-hover-text-color: var(--fp-theme-contrast-color);
  --start-action-button-hover-border-color: #17be6a;

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

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

}