:root {
    --main-blue: #458eb6;
    --dark-blue: #106491;
    --light-blue: #458eb676;

    --blue-300: #f3f8fa;
    --blue-400: #ebf4fa;
    --blue-500: var(--main-blue);
    --blue-550: #006fb9;
    --blue-600: #00548c;
    --blue-700: #003960;
    --blue-800: #002842;

    --yellow-400: #fffdef;
    --yellow-500: #ffdd30;
    --yellow-600: #eec700;
    --yellow-700: #bfa023;
    --yellow-800: #806b18;
    --yellow-900: #40340c;

    --red-400: #fdeff0;
    --red-500: #d11e0a;
    --red-600: #a8282d;

    --green-400: #f1f9f1;
    --green-500: #008a00;

    --ui-100: #ffffff;
    --ui-200: #f9fafb;
    --ui-300: #f6f6f8;
    --ui-400: #edeef2;
    --ui-500: #c6c7cb;
    --ui-600: #68686a;
    --ui-700: #212222;
    --ui-900: #000000;

    --background-primary: var(--ui-100);
    --foregrount-primary: var(--ui-700);

    --status-destructive--hover: var(--red-400);

    --status-error--hover: var(--red-600);
    --status-error-background: var(--red-400);
    --status-error: var(--red-500);

    --status-success-background: var(--green-400);
    --status-success: var(--green-500);

    --status-warning-background: var(--yellow-400);
    --status-warning: var(--yellow-600);

    --fucsia: #AA00FF;
    --burgundy: #BF360C;
  }