:root {
    /* || Background Colors */
    --background-light: var(--white);
    --background-medium: var(--gray-bright);
    --background-medium-dark: var(--blue-bright);
    --background-dark: var(--blue-primary);
    --background-darker: var(--dark-blue-primary);

    /* || Text Colors */
    --text-color-primary: var(--black-primary);
    --text-color-primary-inverse: var(--white);
    --text-color-secondary: var(--blue-primary);
    --text-color-secondary-inverse: var(--white);
    --text-color-tertiary: var(--gray-primary);
    --text-color-tertiary-inverse: var(--gray-bright);

    --text-color-links-primary: var(--blue-primary);
    --text-color-links-primary-hover: var(--sky-blue-primary);
    --text-color-links-secondary: var(--sky-blue-primary);
    --text-color-links-secondary-hover: var(--dark-blue-primary);
    --text-color-links-white: var(--white);
    --text-color-links-white-hover: var(--gray-bright);
    --text-color-links-black: var(--black-primary);
    --text-color-links-black-hover: var(--gray-soft-medium);

    --text-color-input-placeholder: var(--gray-primary);

    /* --text-color-primary-inverse: var(--blue-soft); */
    /* --text-color-primary-inverse-hover: var(--sky-blue-soft); */
    --text-color-critical: var(--red-primary);
    --text-color-critical-inverse: var(--red-soft);
    --text-color-gray: var(--black-medium);
    /* --text-color-success: var(--); */
    /* --text-color-success-inverse: var(--); */
    /* --text-color-warning: var(--); */
    /* --text-color-alert-inverse: var(--); */

    --button-default-color: var(--blue-primary);
    --button-default-detail-color: var(--white);
    --button-dark-color: var(--dark-blue-primary);
    --button-dark-detail-color: var(--white);
    --button-light-color: var(--sky-blue-primary);
    --button-light-detail-color: var(--white);

    --border-primary: 1px solid var(--black-primary);
    --border-gray: var(--gray-primary);
    --border-darker:  var(--dark-blue-primary);
    --border-blue:  var(--blue-primary);
    --border-white:  var(--white);

    /* || Brand Colors */
    --brand-primary: var(--blue-primary);
    --brand-secondary: var(--dark-blue-primary);
    --brand-tertiary: var(--blue-bright);


}