:root {
    --color-brand-1-900: #203D71;
    --color-brand-1-600: #787BA1;
    --color-brand-1-300: #BBBACE;
    --color-brand-1-100: #E9E8EE;
    --color-brand-2-900: #27ACC9;
    --color-brand-2-600: #98CDDE;
    --color-brand-2-300: #D0E8EF;
    --color-brand-2-100: #F0F8FA;
    --color-gray-900: #111213;
    --color-gray-800: #242424;
    --color-gray-600: #505050;
    --color-gray-200: #D2D2D2;
    --color-gray-100: #FAFAFA;
    --color-success-900: #074b19;
    --color-success-700: #10BC3E;
    --color-success-500: #4ED372;
    --color-success-300: #88E1A0;
    --color-success-100: #D5FFE1;
    --color-warrnin-900: #613701;
    --color-warrnin-700: #EF8900;
    --color-warrnin-500: #F3A640;
    --color-warrnin-300: #F7C47F;
    --color-warrnin-100: #FFF4E6;
    --color-dange-900: #5c180b;
    --color-dange-800: #B70000;
    --color-dange-700: #C63116;
    --color-dange-500: #D46450;
    --color-dange-300: #E2978A;
    --color-dange-100: #FFE8E3;
    --color-action-900: #012a70;
    --color-action-700: #0051C8;
    --color-action-600: #006bb4;
    --color-action-500: #407CE9;
    --color-action-300: #7FA7F0;
    --color-action-100: #E5EEFF;
    --color-red: var(--color-dange-900);
    --color-button-primary: var(--color-action-700);
    --color-button-primary-hover: var(--color-action-600);
    --color-button-confirm: var(--color-dange-700);
    --color-link: var(--color-action-700);
    --color-border: var(--color-gray-200);
    --color-background-000: white;
  }