app/assets/stylesheets/modules/_variables.css.scss
/*
Brand colors
============
$orange - Orange color used for Buttons and Graphs.
$darkOrange - Dark Orange color used for important text links.
$grey - Primary body text color.
$lightGrey - Light Grey color used for form field placeholder text.
$medGrey - Medium Grey color used for secondary text.
$darkGrey - Dark Grey color used for header text.
$pink - Pink color used for 'like' states.
$navy - Navy color used for background of header.
$lighterNavy - Lighter Navy color used for navigation arrows in 'Recently Watched' section of homepage.
$lightNavy - Light Navy color used for 'Recently Watched' section background.
$darkNavy - Dark Navy color used for background of navigation elements in header.
$eggshell - Eggshell colors used for panel header background.
$darkEggshell - Dark Eggshell color used for site background.
$lightEggshell - Light Eggshell color used for panel footer background.
$divider - Divider color used on light (white) backgrounds.
$darkDivider - Dark Divider color used on dark eggshell backgrounds.
*/
$orange: #f89774;
$darkOrange: #ec8661;
$grey: #4c4c4c;
$lightGrey: #ababab;
$medGrey: #999;
$darkGrey: #2f2f2f;
$pink: #fb7070;
$navy: #2f343b;
$lighterNavy: #838a93;
$lightNavy: #525a65;
$darkNavy: #272c33;
$eggshell: #f5f7f8;
$lightEggshell: #f9f9f9;
$darkEggshell: #e6e6e6;
$divider: #eee;
$darkDivider: #e1e1e1;
/*
Typography
============
$headerFontFamily - Font Family used for Header Tags.
$bodyFontFamily - Font Family used for body text.
$linkColor - Link Color of all text links.
%linkHoverColor - Link color of all text links when hovered.
*/
$headerFontFamily: "klavika", Helvetica, Arial, sans-serif;
$bodyFontFamily: 'Open Sans', sans-serif;
$linkColor: $orange;
$linkHoverColor: $darkOrange;