:root {
    --PrimaryColor: #4d9b61;
    --SubPrimaryColor: #7ab489;
    --LightPrimaryColor: #a6cdb0;
    --SecondaryColor: #9b4d87;
    --SubSecondaryColor: #b47aa5;
    --TintColor: #d3e6d8;
    --ActiveColor: #4d609b;
    --SubActiveColor: #7a88b4;

    --PrimaryColor_Tint1: color-mix(in srgb, var(--PrimaryColor) 50%, white);

    --Gray_Main1: #333;
    --Gray_Main2: #555;
    --Gray_Main3: #777;
    --Gray_Main4: #999;
    --Gray_Light5: #aaa;
    --Gray_Light6: #ccc;
    --Gray_Light7: #eee;

    /* テキスト色のエイリアス */
    --MainText1:  var(--Gray_Main1);
    --MainText2:  var(--Gray_Main2);
    --SubText1:   var(--Gray_Main3);
    --SubText2:   var(--Gray_Main4);
    --LightText1: var(--Gray_Light5);
    --LightText2: var(--Gray_Light6);

    --ButtonColor1: var(--PrimaryColor);
    --ButtonColor2: var(--SubPrimaryColor);
    --ButtonBackgroundColor: #f0f0f0;

    --LineColor: #ddd;
    --DarkLineColor: #aaa;
}