:root {
    --nbg-blue-1: rgba(0, 173, 190, 1);
    --nbg-blue-2: rgba(0, 122, 133, 1);
    --nbg-blue-3: rgba(0, 58, 62, 1);
    --nbg-grayscale-0: rgba(255, 255, 255, 1);
    --nbg-grayscale-2: rgba(237, 239, 236, 1);
    --nbg-grayscale-3: rgba(224, 230, 225, 1);
    --nbg-grayscale-1: rgba(246, 248, 246, 1);
    --nbg-grayscale-5: rgba(106, 108, 106, 1);
    --nbg-grayscale-6: rgba(71, 72, 71, 1);
    --nbg-grayscale-typography-only: rgba(33, 33, 33, 1);
    --corporate-green: rgba(134, 163, 102, 1);
    --corporate-orange: rgba(191, 158, 92, 1);
    --neutral-1: rgba(161, 176, 184, 1);
    --corporate-brown: rgba(145, 128, 110, 1);
    --corporate-dark-brown: rgba(104, 63, 41, 1);
    --corporate-blue: rgba(0, 54, 92, 1);
    --neutral-2: rgba(227, 217, 199, 1);
    --corporate-peach: rgba(222, 128, 107, 1);
    --corporate-burgandy: rgba(77, 23, 41, 1);
    --friendly-purple: rgba(125, 85, 195, 1);
    --friendly-pink: rgba(250, 143, 227, 1);
    --corporate-yellow: rgba(227, 237, 0, 1);
    --corporate-yellow-rgb: 227, 237, 0;
    --friendly-red: rgba(250, 69, 5, 1);
    --friendly-green: rgba(0, 166, 74, 1);
    --grayscale-4: rgba(148, 151, 148, 1);
    --friendly-blue: rgba(38, 89, 224, 1);
    --light-primary: rgba(51, 51, 51, 1);
    --light-secondary: rgba(102, 102, 102, 1);
    --light-selected: rgba(255, 255, 255, 1);
    --bold-font-family: "Aptos-Bold", Helvetica;
    --bold-font-weight: 700;
    --bold-font-size: 24px;
    --bold-letter-spacing: 0px;
    --bold-line-height: normal;
    --bold-font-style: normal;
    --default-font-family: "Aptos-Display", Helvetica;
    --default-font-weight: 500;
    --default-font-size: 24px;
    --default-letter-spacing: 0px;
    --default-line-height: normal;
    --default-font-style: normal;
    --drop-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1);
    --variable-collection-color: rgba(246, 248, 247, 1);
    --variable-collection-NBG-grayscale-4: rgba(148, 151, 148, 1);
    --variable-collection-friendly-blue: rgba(38, 89, 224, 1);
    --primitive-color-neutral-black: rgba(0, 0, 0, 1);
    --primitive-color-neutral-white: rgba(255, 255, 255, 1);
    --primitive-color-neutral-neutral-lightest: rgba(238, 238, 238, 1);
    --primitive-color-neutral-black-duplicate: rgba(0, 0, 0, 1);
    --semantic-text-primary: var(--primitive-color-neutral-black-duplicate);
    --semantic-text-primary-duplicate: var(--primitive-color-neutral-black);
}
.yellow {
    --rgb: 227, 237, 0;
}
.brown {
    --rgb: 227, 217, 199;
}
.pink {
    --rgb: 250, 143, 227;
}
.blue {
    --rgb: 38, 89, 224;
}
.green {
    --rgb: 0, 166, 74;
}
.grey {
    --rgb: 165, 185, 165;
}

.teal {
    --rgb: 0, 122, 133;
}