:root {
    /* Color Palettes */
    --color-empire-blue: #005db9;
    --color-navy: #0d285a;
    --color-slate: #587888;
    --color-stone: #e2d8d6;
    --color-seafoam: #80b5a8;
    --color-lilac: #aea1bd;
    --color-black: #231f20;
    --color-white: #ffffff;

    /* Old Colors */
    --color-empire-orange:#ee961b;
    --color-empire-blue-darker: #004d98;
    --color-base: #474747;

    /* Fonts */
    --font-poppins: 'Poppins', sans-serif;
    --font-libre-bodoni: 'Libre Bodoni', sans-serif;

    /* Old Fonts */
    --font-primary: 'Montserrat', sans-serif;
    --font-secondary: 'Lato', sans-serif;

    /* Font Weights */
    --font-weight-thin: 100;
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semi-bold: 600;
    --font-weight-bold: 700;
    --font-weight-extra-bold: 800;
    --font-weight-black: 900;

    /* Media Query Breakpoints */
    --bp-xs: 30rem;         /* 480px - standard portrait mobile phones fall below this breakpoint */
    --bp-sm: 40rem;         /* 640px - default breakpoint (anything above this is are landscape mobile phones or foldables) */
    --bp-sm-max: 47.938rem; /* 767px */
    --bp-md: 48rem;         /* 768px - default breakpoint (anything above this is considered tablet) */
    --bp-959: 59.938rem;    /* 959px */
    --bp-960: 60rem;        /* 960px */
    --bp-992: 62rem;        /* 992px */
    --bp-lg: 64rem;         /* 1024px - default breakpoint */
    --bp-1200: 75rem;       /* 1200px */
    --bp-xl: 80rem;         /* 1280px - default breakpoint (anything above this is considered desktop) */
    --bp-1300: 81.25rem;    /* 1300px */
    --bp-1400: 87.5rem;     /* 1400px */

    /* Spacing - Padding & Margins (not official guidelines provided by brand) */
    --spacing-xs: 5px;
    --spacing-sm: 10px;
    --spacing-md: 15px;
    --spacing-lg: 20px;
    --spacing-xl: 25px;
    --spacing-2xl: 30px;

    /* Box Shadows */
    --box-shadow-default: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);

    /* Z-index (not official guidelines provided by brand) */
    --z-index-dropdown: 1000;
    --z-index-sticky: 1020;
    --z-index-fixed: 1030;
    --z-index-modal-backdrop: 1040;
    --z-index-modal: 1050;
    --z-index-popover: 1060;
    --z-index-tooltip: 1070;

    /* Transitions (not official guidelines provided by brand) */
    --transition-fast: 0.2s ease;
    --transition-medium: 0.3s ease;
    --transition-slow: 0.5s ease;
}