/*******************************
Site Settings
*******************************/
/*——————-
Fonts
——————–*/
@headerFont : ‘Roboto’, ‘Helvetica Neue’, Arial, Helvetica, sans-serif; @pageFont : ‘Roboto’, ‘Helvetica Neue’, Arial, Helvetica, sans-serif; @googleFontName : ‘Roboto’;
/*——————-
Base Sizes
——————–*/
@emSize : 14px; @fontSize : 13px;
/*————–
Page
—————*/
@pageBackground : F9F9F9; @lineHeight : 1.33; @textColor : #212121;
/*————–
Page Heading
—————*/
@headerLineHeight : 1.33em; @headerFontWeight : 400;
@h1 : 2.25rem; @h2 : 2rem; @h3 : 1.75rem; @h4 : 1.5rem; @h5 : 1.25rem;
/*————–
Paragraphs
—————*/
@paragraphLineHeight: 1.7em;
/*——————-
Site Colors
——————–*/
/*— Colors —*/ @black : #1B1C1D; @blue : #2196F3; @green : #4CAF50; @grey : #9E9E9E; @orange : FF9800; @pink : E91E63; @purple : #9C27B0; @red : F44336; @teal : #1de9b6; @yellow : FFEB3B;
/*— Light Colors —*/ @lightBlack : #333333; @lightBlue : #2979FF; @lightGreen : #00E676; @lightOrange : FF9100; @lightPink : F50057; @lightPurple : D500F9; @lightRed : FF1744; @lightTeal : #1DE9B6; @lightYellow : FFEA00;
/*— Neutrals —*/ @fullBlack : #000000; @darkGrey : AAAAAA; @lightGrey : DCDDDE; @offWhite : FAFAFA; @darkWhite : F0F0F0; @white : FFFFFF;
/*——————-
Brand Colors
——————–*/
@primaryColor : @blue; @secondaryColor : @grey;
@lightPrimaryColor : @lightBlue; @lightSecondaryColor : @lightGrey;
/*——————-
Paragraph
——————–*/
@paragraphMargin : 0em 0em 1.53em;
/*——————-
Links
——————–*/
@linkColor : #009FDA; @linkUnderline : none; @linkHoverColor : lighten(@linkColor, 5);
/*——————-
Highlighted Text
——————–*/
@highlightBackground : #009FDA; @highlightColor : @white;
/*——————-
Accents
——————–*/
/* 4px @ default em */ @relativeBorderRadius: 0.2857em; @absoluteBorderRadius: 2px;