/* Define global color variables */
:root {
    --color-01: #1C4B42;
    --color-01-faded: rgba(28, 75, 66, 0.71);
    --color-01-accent: #92C200;
    --color-01-border: rgba(12, 30, 33, 0.03);

    --color-02: #0B2D38;
    --color-03: #194D5F;

    --color-04: #4D857D;
    --color-04-filter: invert(47%) sepia(25%) saturate(534%) hue-rotate(122deg) brightness(94%) contrast(94%);

    --color-05: #C3E7E2;
    --color-05-faded: rgba(195, 231, 226,0.08);

    --color-06: #FCF48A;

    --color-07: #F6D66A;
    --color-07-filter: invert(76%) sepia(39%) saturate(514%) hue-rotate(4deg) brightness(107%) contrast(93%);

    --color-08: #F9E4A2;
    --color-09: #F5F3DE;

    --color-10: #fff;
    --color-10-faded: rgba(255,255,255,0.4);

    --color-11: rgba(12,30,33,0.2);

    --color-12: #ebf1f1;
    --color-13: rgba(0,0,0,0.05);
    --color-14: #F8FCFB;
    --color-15: #BFDFF0;

    --font-primary: 'IBM Plex Sans', sans-serif;                /* Primary font family */
    --font-secondary: 'IBM Plex Sans', sans-serif;  /* Secondary font family */
    --font-alternative: "IBM Plex Sans", sans-serif;
    --font-size-base: 16px;                             /* Base font size */

    --sidebar-open-width: 0rem;
    --sidebar-close-width:6.59rem;
    --sidebar-padding-sides: 1.875rem;
    --sidebar-padding-heights: 2.188rem;
    --sidebar-padding-extra:.75rem;
    --sidebar-padding: var(--sidebar-padding-heights) var(--sidebar-padding-sides);

    --page-padding:5rem;

    --form-field-border:  1px solid var(--color-11);

    --inbox-sidebar-open-width: 25rem;

    --header-min-full-height:calc(var(--sidebar-padding-heights) * 2 + 2.813rem + 1px );

}

@font-face {
    font-family: 'General Sans';
    src: url('/apply/_assets/fonts/GeneralSans-Regular.woff2') format('woff2'),
    url('/apply/_assets/fonts/GeneralSans-Regular.woff') format('woff'),
    url('/apply/_assets/fonts/GeneralSans-Regular.ttf') format('truetype'),
    url('/apply/_assets/fonts/GeneralSans-Regular.eot');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}