/***
  Add new color variables and classes that will be used sitewide on this file.
  Do not colors to individual pages unless they are used on that page only.
  Version 1.6 (last updated 05.05.2025 by Rihana Chang)
***/

:root {
    --brand-color-black: #000000;
    --brand-color-dark: #123257;
    --brand-color-midnight-sky: #123257;
    --brand-color-medium: #356ca8;
    --brand-color-light: #b3d7ed;
    --brand-color-highlight: #E9F250;
    --brand-color-purple: #6661CF;
    --brand-color-turquoise: #3DC2C9;
    --brand-color-orange: #F75938;
    --brand-color-sunset-sizzle: #e56445;
    --brand-color-citrus-pop: #E8F557;
    --brand-color-morning-bliss: #BEE2E7;
    --brand-color-aqua-bliss: #66bfc7;
    --brand-color-iris-buzz: #6463C8;
    --ui-color-dark: #000000;
    --ui-color-off-dark: #222222;
    --ui-color-mid-dark: #595959;
    --ui-color-mid-light: #d6d6d6;
    --ui-color-off-light: #f5f5f5;
    --ui-color-light: #ffffff;
}