@font-face {
  font-family: 'lovelo-bold';
  src: url('/assets/fonts/lovelo_line_bold.otf');
}

@font-face {
  font-family: 'lovelo';
  src: url('/assets/fonts/lovelo_line_light.otf');
}

body {
  /* from logo */
  --logo-red: rgb(172, 38, 29);
  --logo-gold: rgb(198, 139, 79);
  --logo-blue: rgb(64, 150, 175);
  --accent-font-family: 'lovelo';
  --accent-font-bold-family: 'lovelo-bold';

  --color-background: var(--logo-blue);

  --flow-background: rgba(255, 255, 255, .90);
  --primary-text-color: rgb(0, 0, 0);
  --secondary-text-color: rgba(0, 0, 0, 0.8);
  --border-color: rgba(0, 0, 0, 0.6);
  --chrome-bg: rgba(0, 0, 0, 0.25);

  --color-header-background: var(--logo-red);
  --color-header-text: white;
  --color-header-link: var(--logo-gold);
  --color-header-hover: white;

  --color-footer-background: var(--logo-red);
  --color-footer-text: white;

  --success-text: rgb(0, 127, 0);
  --success-background: rgba(0, 127, 0, .1);
  --success-link: rgba(0, 127, 0, 0);

  --mailing-list-background: rgba(64, 150, 175, .3);
  --mailing-list-header: var(--primary-text-color);
  --mailing-list-text: var(--secondary-text-color);

  --menu-link: var(--secondary-text-color) 
  --menu-link-hover: var(--primary-text-color) 
  --menu-hover: rgba(0, 0, 0, .1);

  /* borders and padding */
  --border-thin: 1px solid var(--border-color);
  --border-thick: 2px solid var(--border-color);
}