:root {
    --color-brand-primary: #26A858;

    --color-brand-50: #f1fcf4;
    --color-brand-100: #dff9e8;
    --color-brand-200: #c0f2d3;
    --color-brand-300: #8fe6af;
    --color-brand-400: #57d185;
    --color-brand-500: #30b764;
    --color-brand-600: var(--color-brand-primary);
    --color-brand-700: #1e7740;
    --color-brand-800: #1d5e37;
    --color-brand-900: #194e2f;
    --color-brand-950: #092a18;

    --color-neutral-50: #F6F6F6;
    --color-neutral-100: #E7E7E7;
    --color-neutral-200: #D1D1D1;
    --color-neutral-300: #B0B0B0;
    --color-neutral-400: #888888;
    --color-neutral-500: #666666;
    --color-neutral-600: #5D5D5D;
    --color-neutral-700: #4F4F4F;
    --color-neutral-800: #454545;
    --color-neutral-900: #3D3D3D;
    --color-neutral-950: #262626;
}