:root {
  /* ============================
     PRIMARY PALETTE
     ============================ */

  --primary-ocean-blue: #1596B9;        /* Primary text box backgrounds, headers */
  --primary-teal-blue: #35A4A7;         /* Header text, text box backgrounds */
  --primary-light-gray: #EEEEEE;        /* Document or section background */
  --primary-royal-purple: #94308E;      /* Buttons, important items */
  --primary-slate-gray: #54595F;        /* Text */
  --primary-medium-gray: #7A7A7A;       /* Text */
  --primary-midnight-blue: #023B54;     /* Backgrounds, header text */

  /* ============================
     ACCENT PALETTE
     ============================ */

  --accent-peach: #F7B8A0;              /* Accent, icons */
  --accent-vanilla-cream: #F9E4B4;      /* Accent, icons */
  --accent-mint-green: #98C9A7;         /* Accent, icons */
  --accent-sky-blue: #6EC1E4;           /* Accent, icons */
  --accent-orchid: #B270A6;             /* Accent, icons */
  --accent-lavender-indigo: #7362A7;    /* Accent, icons */
  --accent-deep-violet: #3E2259;        /* Accent, icons */
  --accent-deepest-blue: #0E122D;
  --accent-bright-green: #61CE70;
      
  /* ============================
     PALE PALETTE
     ============================ */
  
  --pale-ocean-blue: #E6F4F8;
  --pale-teal-blue: #E8F5F5;
  --pale-royal-purple: #F3E9F3;
  --pale-midnight-blue: #EAF1F5;
  --pale-peach: #FDEEE8;
  --pale-vanilla-cream: #FEF8E9;
  --pale-mint-green: #EEF7F1;
  --pale-sky-blue: #EAF6FB;
  --pale-orchid: #F6ECF5;
  --pale-lavender-indigo: #EFEAF7;
  --pale-deep-violet: #F3EAF8;
  --pale-deepest-blue: #E9ECF5;
  
  /* ============================
     Transparent PALETTE
     ============================ */

    --fiftyPercent-ocean-blue: #1596B988;
}