:root {
    --color-accent: #409089;
    --color-accent-light: #DFEDEC;
    --color-accent-2: #F97D45;
    --color-accent-2-light: #fde7dc;
    --color-extra-light: #FAFAFA;
    --color-light: #ececec;
    --color-gray: #96a1ab;
    --color-medium: #6A7A86;
    --color-light-medium: #d5d5d5;
    --color-dark: #171C1A;
    --color-red: hsl(6, 100%, 66%);
    --color-yellow: #f9de45;
    --color-green: #64ecbc;
    --color-light-green: #dcf2eb;

    --font-xs: 12px;
    --font-s: 14px;
    --font-m: 14px;
    --font-d: 16px;
    --font-l: 20px;
    --font-xl: 24px;
    --font-xxl: 36px;

    --widget-width: 30vw;
    --widget-height: 90vh;
}