:root {
    /* Color */
    --soft-primary: #84D187;
    --primary: #00B207;
    --hard-primary: #2C742F;
    --warning: #FF8A00;
    --danger: #EA4B48;
    --white: #FFFFFF;

    /* Gray */
    --gray-900: #1A1A1A;
    --gray-800: #333333;
    --gray-700: #4D4D4D;
    --gray-600: #666666;
    --gray-500: #808080;
    --gray-400: #999999;
    --gray-300: #B3B3B3;
    --gray-200: #CCCCCC;
    --gray-100: #E6E6E6;
    --gray-50: #F2F2F2;

    /* Green Gray */
    --green-gray-900: #002603;
    --green-gray-800: #173B1A;
    --green-gray-700: #2B572E;
    --green-gray-600: #406B42;
    --green-gray-500: #618062;
    --green-gray-400: #7A997C;
    --green-gray-300: #96B297;
    --green-gray-200: #B4CCB4;
    --green-gray-100: #DAE5DA;
    --green-gray-50: #EDF2EE;
}