:root {
    --theme--aligncontent: 980px;
    --theme--alignmax: 1200px;
    --theme--alignwide: 1440px;
    
    --theme--gutter: 15px;
    --theme--gap: 15px;
    --theme--gap--vertical: 15px;
    
    --theme--color--primary: rgba(0, 47, 100, 1); /* txt1 bg1 */
    --theme--color--secondary: rgba(212, 0, 75, 1);
    
    --theme--color--primary-85: #264e7b; /* txt2 */
    --theme--color--primary-75: #40638b; /* bg2 */
    --theme--color--primary-65: #6682a2; /* txt3 */
    --theme--color--primary-50: #7f96b1; /* txt4 bg3 */
    --theme--color--primary-25: #bfcad8; /* bg4 */
    
    --theme--color--secondary-10: #fbe5ec;
    
    --theme--color--light: rgba(229, 233, 239, 1);
    --theme--color--text: rgba(85, 85, 85, 1);
    --theme--color--dark: rgba(0, 0, 0, 1);
    --theme--color--hover: rgba(138, 0, 48, 1);
    
    --theme--color--error: rgba(230, 38, 0, 1);
    --theme--color--error-light: rgba(252, 244, 242, 1);
    --theme--color--error-dark: rgba(165, 27, 0, 1);
    --theme--color--success: rgba(119, 178, 89, 1);
    --theme--color--success-light: rgba(243, 250, 239, 1);
    --theme--color--success-dark: rgba(50, 94, 28, 1);
    --theme--color--warning: rgba(224, 150, 0, 1);
    --theme--color--warning-light: rgba(244, 218, 166, 1);
    --theme--color--warning-dark: rgba(115, 76, 0, 1);
    
    --theme--font-family--primary: 'Open Sans', sans-serif;
    --theme--font-family--secondary: 'Alegreya', serif;
    
    --theme--font-size: 16px;
    --theme--font-size--tiny: 10px;
    --theme--font-size--xsmall: 12px;
    --theme--font-size--small: 14px;
    --theme--font-size--normal: 16px;
    --theme--font-size--medium: 20px;
    --theme--font-size--large: 24px;
    --theme--font-size--xlarge: 32px;
    
    --theme--box-shadow: 0 2px 40px -20px rgba(0,0,0,0.25);
}

@media (min-width: 768px) {
    :root {
        --theme--gutter: 25px;
        --theme--gap: 25px;
        --theme--gap--vertical: 25px;
    }
}

@media (min-width: 992px) {
    :root {
        --theme--gutter: 40px;
        --theme--gap: 40px;
        --theme--gap--vertical: 40px;
        
        --theme--font-size: 16px;
        --theme--font-size--tiny: 12px;
        --theme--font-size--xsmall: 14px;
        --theme--font-size--small: 16px;
        --theme--font-size--normal: 20px;
        --theme--font-size--medium: 24px;
        --theme--font-size--large: 32px;
        --theme--font-size--xlarge: 50px;
    }
}