﻿:root {
    /* Primary site colors. */
    --rh-color-primary-base: #586AF5;
    --rh-color-primary-600: #3F4EC4;
    --rh-color-neutral-base: #8593A3;
    --rh-color-neutral-600: #6A7682;
    --rh-color-neutral-50: #F4F7FA;
    --rh-color-green-base: #28CA9E;
    --rh-color-secondary-base: #FFAB00;
    --rh-color-red-base: #F35625;
    /* Font sizes */
    --rh-font-10: 0.625rem;
    --rh-font-12: 0.75rem;
    --rh-font-13: 0.813rem;
    --rh-font-14: 0.875rem;
    --rh-font-16: 1rem;
    --rh-font-18: 1.125rem;
    --rh-font-20: 1.25rem;
    --rh-font-24: 1.5rem;
    --rh-font-28: 1.75rem;
    --rh-font-32: 2rem;
    --rh-font-36: 2.25rem;
    --rh-font-40: 2.5rem;
    --rh-font-60: 3.75rem;
    /* Brand/Root colors */
    --header-bg: #E8EBEC;
    --diamond-k-bg: #CED4D7;
    --blue-darker: #182062;
    --blue-dark: #3f4ec4;
    --blue-default: #586AF5;
    --blue-med: #9ba6f9;
    --blue-light: #dee1fd;
    --blue-lighter: #eef0fd;
    --blue-disabled: #bcc4fb;
    --steel: #2D3440;
    --grey-darkest: #353b41;
    --grey-darker: #505862;
    --grey-dark: #6a7682;
    --grey-med-dark: #6a7682; /* duplicate & not in original */
    --grey-default: #8593a3;
    --grey-med: #c3ccd6;
    --grey-light: #eff2f5;
    --grey-lighter: #f4f7fa;
    --grey-page-bg: #fafafa;
    --yellow-darkest: #663000;
    --yellow-darker: #a86500;
    --yellow-dark: #cc7a00;
    --yellow-default: #ffbc33;
    --yellow-med: #ffcd66;
    --yellow-lighter: #ffedea;
    --green-darker: #10513f;
    --green-dark: #20a17f;
    --green-default: #28ca9e;
    --green-med: #7edfc5;
    --green-lighter: #e6faf4;
    --red-darker: #923416;
    --red-dark: #c2451e;
    --red-default: #f35625;
    --red-med: #f89a7c;
    --red-lighter: #fdf1ed;
    --white: #ffffff;
    --black: #000000;
    --enc-blue-med: #2ca2f1;
    --enc-blue-lighter: #f5fbfe;
    --enc-orange-default: #c94f0d;
    --enc-black: #000000;
    --enc-green-med: #33b993;
    --enc-blue-darker: #133044;
    /*Spacing Sizes*/
    --size-spacing-xxxs: 0.125rem;
    --size-spacing-xxs: 0.25rem;
    --size-spacing-xs: 0.5rem;
    --size-spacing-sm: .75rem;
    --size-spacing-md: 1rem;
    --size-spacing-lg: 1.25rem;
    --size-spacing-xl: 1.75rem;
    --size-spacing-xxl: 2.5rem;
    --size-spacing-xxxl: 3.75rem;
    --size-spacing-xxxxl: 5rem;
    /*Border Sizes*/
    --border-radius-none: 0.0625rem;
    --border-radius-xs: 0.125rem;
    --border-radius-sm: 0.25rem;
    --border-radius-md: 0.5rem;
    --border-radius-round: 3.125rem;
    --border-width-none: 0rem;
    --border-width-sm: 0.0625rem;
    --border-width-md: 0.125rem;
    --border-width-lg: 0.25rem;
    /*Theme Colors*/
    --primary-darker: var(--blue-darker);
    --primary-dark: var(--blue-dark);
    --primary: var(--blue-default);
    --primary-active: #293593;
    --primary-disabled: var(--blue-disabled);
    --primary-medium: var(--blue-med);
    --primary-light: var(--blue-light);
    --primary-lighter: var(--blue-lighter);
    --secondary-darkest: var(--yellow-darkest);
    --secondary-darker: var(--yellow-darker);
    --secondary-dark: var(--yellow-dark);
    --secondary: var(--yellow-default);
    --secondary-light: var(--yellow-med);
    --secondary-lighter: var(--yellow-lighter);
    --secondary-neutral-steel: var(--steel);
    --neutral-darkest: var(--grey-darkest);
    --neutral-darker: var(--grey-darker);
    --neutral-dark: var(--grey-dark);
    --neutral-med-dark: var(--grey-med-dark);
    --neutral: var(--grey-default);
    --neutral-med: var(--grey-med);
    --neutral-light: var(--grey-light);
    --neutral-lighter: var(--grey-lighter);
    --tertiary-darker: var(--green-darker);
    --tertiary-dark: var(--green-dark);
    --tertiary: var(--green-default);
    --tertiary-light: var(--green-med);
    --tertiary-lighter: var(--green-lighter);
    --validation-darker: var(--red-darker);
    --validation-dark: var(--red-dark);
    --validation: var(--red-default);
    --validation-light: var(--red-med);
    --validation-lighter: var(--red-lighter);
    --page-bg: var(--grey-page-bg);
    /*Mapped Colors*/
    --text-heading-main: var(--neutral-darkest);
    --text-heading-secondary: var(--neutral-med-dark);
    --text-heading-sub: var(--neutral-darker);
    --text-heading-section: var(--neutral);
    --text-label-primary: var(--white);
    --text-label-primary2: var(--primary-dark);
    --text-label-secondary: var(--secondary-darkest);
    --text-label-form: var(--neutral-darker);
    --text-label-disabled: var(--neutral);
    --text-label-card-title: var(--secondary-darkest);
    --text-label-keyword: var(--secondary-darker);
    --text-link-primary: var(--primary-dark);
    --text-link-primary-darker: var(--primary-darker);
    --text-link-dark: var(--neutral-darkest);
    --text-link-list: var(--neutral-darker);
    --text-body: var(--neutral-dark);
    --text-body-2: var(--neutral-darker);
    --text-accent: var(--green-dark);
    --text-validation: var(--validation);
    --text-validation-dark: var(--validation-darker);
    --fill-primary: var(--primary);
    --fill-primary-inactive: var(--primary-disabled);
    --fill-primary-light: var(--primary-light);
    --fill-primary-lighter: var(--primary-lighter);
    --fill-primary-medium: var(--primary-medium);
    --fill-primary-dark: var(--primary-dark);
    --fill-secondary-action: var(--secondary);
    --fill-section: var(--neutral-light);
    --fill-accent: var(--neutral-darkest);
    --fill-back-to-top: var(--secondary-light);
    --fill-disabled: var(--neutral-light);
    --fill-neutral: var(--neutral-lighter);
    --fill-white: var(--white);
    --fill-page-bg: var(--page-bg);
    --fill-list-item: var(--primary-light);
    --fill-secondary-lightest: var(--yellow-lighter);
    --stroke-primary: var(--primary);
    --stroke-secondary: var(--secondary-dark);
    --stroke-neutral-light: var(--neutral-light);
    --stroke-primary-dark: var(--primary-dark);
    --stroke-form: var(--neutral-med);
    --stroke-neutral-med: var(--neutral-med);
    --icon-primary-dark: var(--primary-dark);
    --icon-secondary: var(--secondary-darker);
    --icon-neutral-dark: var(--neutral-darkest);
    --icon-neutral: var(--neutral-med-dark);
    --icon-white: var(--white);
}
