:root {

    --text-color: #252746;
    --background-color: #ffffff;
    --text-selection-color: #ffea8a;

    --primary-color: #ffdc3c;
    --primary-hover-color: #ffea8a;
    --primary-text-color: #252746;
    --primary-text-hover-color: #252746;
    --primary-nav-text-hover-color: #252746;

    --secondary-color: #003C71;
    --secondary-hover-color: #4c769b;
    --secondary-text-color: #ffffff;
    --secondary-text-hover-color: #ffffff;

    --contrast-color: #8250be;
    --contrast-hover-color: #9b73cb;
    --contrast-text-color: #ffffff;
    --contrast-text-hover-color: #ffffff;

    --table-stripped-row-background: #fffced;

    /* Typography */
    --font-family: Arial, Helvetica, sans-serif;
    --font-size-base: 16px;
    --font-size-large: 24px;
    --font-size-small: 12px;

    /* Logo */
    --logo-url: url('../images/morosystems.png');

    /* Spacing */
    --spacing-unit: 8px;
}