/* FONTS */
:root {
    --brand-font: Roboto, sans-serif;
    --brand-font-sans-serif: Roboto, sans-serif, Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --brand-font-monospace: 'Noto Sans', sans-serif, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/* COLORS */
:root {
    --brand-blue-primary: #13224E; /* REIT Funding Navy */
    --brand-blue-primary-rgb: 19, 34, 78;
    --brand-blue-light: #5A6583;
    --brand-blue-lighter: #8990A6;
    --brand-blue-lighter-rgb: 137, 144, 166;
    --brand-cyan-primary: #5D83BA; /* Seaside Blue */
    --brand-cyan-primary-rgb: 93, 131, 186;
    --brand-cyan-light: #8EA8CF;
    --brand-cyan-lighter: #AEC1DC;
    --brand-cyan-lightest: #D7E2EE;
    --brand-sand-primary: #CEB699; /* Sand */
    --brand-sand-primary-rgb: 206, 198, 153;
    --brand-sand-light: #DDD7B8;
    --brand-sand-lighter: #E6E2CC;
    --brand-gray-primary: #EDEDE3; /* Sandstone */
    --brand-gray-primary-rgb: 237, 237, 226;
    --brand-gray-light: #F2F3EB;
    --brand-gray-light-rgb: 242, 243, 235;
    --brand-green-primary: #244226; /* Forest */
    --brand-green-primary-rgb: 36, 66, 38;
    --brand-green-light: #657B68;
    --brand-green-lighter: #91A092;
    --brand-orange-primary: #D2691E;
    --brand-orange-primary-rgb: 210, 105, 30;
    --brand-yellow-primary: #E1B12C;
    --brand-yellow-primary-rgb: 225, 177, 44;
    --brand-red-primary: #B22222;
    --brand-red-primary-rgb: 178, 34, 34;
    --brand-black: #000000;
    --brand-black-rgb: 0, 0, 0;
    --brand-white: #ffffff;
    --brand-white-rgb: 255, 255, 255;
    --brand-indigo: #4B0082;
    --brand-purple: #6A0DAD;
    --brand-purple-rgb: 106, 13, 173;
    --brand-pink: #ff9999;
    --brand-pink-rgb: 255, 153, 153;
    --brand-teal: #008080;
    --brand-teal-rgb: 0, 128, 128;
    --brand-primary: var(--brand-cyan-primary);
    --brand-primary-light: var(--brand-cyan-light);
    --brand-primary-lighter: var(--brand-cyan-lighter);
    --brand-secondary: var(--bs-gray-500);
    --brand-success: green;
    --brand-info: var(--brand-cyan-primary);
    --brand-warning: var(--brand-yellow-primary);
    --brand-danger: var(--brand-red-primary);
    --brand-light: var(--brand-gray-light);
    --brand-dark: var(--brand-blue-primary);
    --brand-link: var(--brand-blue-light);
    --brand-link-hover: var(--brand-blue-primary-rgb);
    --brand-primary-rgb: var(--brand-cyan-primary-rgb);
    --brand-secondary-rgb: var(--brand-cyan-primary-rgb);
    --brand-success-rgb: var(--brand-green-primary-rgb);
    --brand-info-rgb: var(--brand-cyan-primary-rgb);
    --brand-warning-rgb: var(--brand-yellow-primary-rgb);
    --brand-danger-rgb: var(--brand-red-primary-rgb);
    --brand-light-rgb: var(--brand-gray-light-rgb);
    --brand-dark-rgb: var(--brand-blue-primary-rgb);

}

/* FONT SIZE */
:root {
    --brand-body-font-size: .875rem;
    --brand-button-font-size: .875rem;
    --brand-menu-font-size: 1rem;
    --brand-heading-font-size: 1.1rem;
    --brand-icon-font-size: 1.1rem;
    --brand-grid-font-size: .75rem;
    --brand-datepicker-font-size: .875rem;
}