dataportal-colors.scss

//-------------
// Margins and gutters
// 3/4 - column grid
// we make abundant use of white space for horizontal and vertical separation
// main gutters: 100px
$grid-column-width: 235px;
$grid-gutter-width: 50px;
// lists and other contexts may have smaller margins


//-------------
// Colors
// wri orange
$primary-color: rgb(240,171,0);
// wri gray - paragraph text, contrast
$secondary-color: rgb(77,77,77);
// wri blue - accents
$accent-color: rgb(0,142,198); 

// jet gray - headers
$text-color-dark: rgb(19,19,19); 

// white
$background-color: #ffffff;
// light gray
$background-color-alt: rgb(243,243,243); 


//-------------
// Font stacks
// condensed - headers
$header-font-family: myriad-pro-condensed, 'Helvetica Neue', Helvetica, Arial, sans-serif;
// headers are typically bold (600-700)
$header-font-weight: 600;

// sans-serif - nav, forms, captions, utility etc.
$sans-serif-font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
// paragraph
$serif-font-family: ff-meta-serif-web-pro, Georgia, serif;

//------------
// Font sizes
// May vary on context
// Main context:
$h1-font-size: 48px;
$h2-font-size: 42px;
$h3-font-size: 30px;
$h4-font-size: 24px;
$h5-font-size: 18px;
$paragraph-font-size: 18px;

// Lists & panels
// In certain contexts, font sizes can go down to 12px as needed
// We may use ALL-CAPS for small headers
$paragraph-font-size-alt: 16px;
$caption-font-size: 14px;
$label-font-size: 12px;

//------------
// Borders
// no-borders for most things
// border-radius - buttons, inputs, etc.
$border-radius: 4px;

// dotted line - horizontal rule
$hr-border: 1px dotted rgb(199, 199, 199);