/**
 * SCSS Variables
 **/

// Fonts

$serif:      'Cormorant Garamond', serif;
$sans-serif: Abel, 'Open Sans', sans-serif;

// Colors

$bg-dark:      rgba(109, 78, 128, 1);
$fg-header-h1: rgba(220, 201, 133, 1);
$fg-white-85:  rgba(255, 255, 255, 0.85);

$bg-header:    rgba(124, 118, 146, 1);
$fg-header:    rgba(240, 240, 242, 1);

// On the home page:
$bg-ps:    rgba(173, 151, 56, 0.68);
$fg-ps:    rgba(243, 240, 228, 1);

$bg-gfx-ps-on:  rgba(191, 138, 112, 0.9);
$bg-txt-ps-on:  rgba(166, 191, 112, 0.9);
$bg-vda-ps-off: rgba(112, 166, 191, 0.5);
$bg-vda-ps-on:  rgba(112, 166, 191, 0.9);
$bg-vdo-ps-off: rgba(112, 166, 191, 0.5);
$bg-vdo-ps-on:  rgba(112, 166, 191, 0.9);

// On other pages:
$bg-main:  $fg-header;
$fg-main:  rgba(20, 20, 20, 1);

$bg-gfx:        rgba(191, 138, 112, 0.7);
$bg-gfx-off:    rgba(191, 138, 112, 0.7);
$bg-gfx-on:     rgba(205, 168, 150, 1);
$bg-txt:        rgba(166, 191, 112, 0.9);
$bg-txt-off:    rgba(166, 191, 112, 0.7);
$bg-txt-on:     rgba(187, 205, 150, 1);
$bg-vda:        rgba(109, 144, 162, 0.7);
$bg-vda-off:    rgba(109, 144, 162, 0.7);
$bg-vda-on:     rgba(109, 144, 162, 1);
$bg-vdo:        rgba(109, 144, 162, 0.7);
$bg-vdo-off:    rgba(109, 144, 162, 0.7);
$bg-vdo-on:     rgba(109, 144, 162, 1);

$a-link:    rgba(23, 123, 93, 1);
$a-hover:   black;
$a-active:  white;
$a-visited: rgba(23, 123, 93, 0.8);