/*컬러 변수*/
:root {

    --Black: #000;
    --Black-87: rgba(0, 0, 0, 0.87);
    --Black-70: rgba(0, 0, 0, 0.7);
    --Black-60: rgba(0, 0, 0, 0.6);
    --Black-10: rgba(0, 0, 0, 0.1);
    --Black-5: rgba(0, 0, 0, 0.05);

    --Dark: #222;
    --Dark-95: rgba(34, 34, 34, 0.95);
    --Dark-90: rgba(34, 34, 34, 0.9);
    --Dark-70: rgba(34, 34, 34, 0.7);
    --Dark-50: rgba(34, 34, 34, 0.5);
    --Dark-30: rgba(34, 34, 34, 0.3);
    --Dark-20: rgba(34, 34, 34, 0.2);

    --Charcoal: #2D2A27;

    --Ocean: #9ab4e1;

    --Primary: #485CC1;
    --Primary-87: rgba(72, 92, 193, 0.87);
    --Primary-70: rgba(72, 92, 193, 0.7);
    --Primary-50: rgba(52, 92, 193, 0.5);

    --Secondary: #1EBBEF;
    --Secondary-87: rgba(30, 187, 239, 0.87);
    --Secondary-50: rgba(30, 187, 239, 0.5);
    --Secondary-20: rgba(30, 187, 239, 0.2);

    --Tertiary: #005DB9;

    --Info: #5A433D;

    --Success: #80BE5B;

    --Danger: #C14848;
    --Danger-87: rgba(193, 72, 72, 0.87);
    --Danger-70: rgba(193, 72, 72, 0.7);

    --Warning: #F3B3BC;
    --Warning-87: rgba(243, 179, 188, 0.87);
    --Warning-50: rgba(243, 179, 188, 0.5);

    --Light: #F2F2F2;
    --Light-95: rgba(242, 242, 242, 0.95);
    --Light-90: rgba(242, 242, 242, 0.9);
    --Light-70: rgba(242, 242, 242, 0.7);
    --Light-30: rgba(242, 242, 242, 0.3);
    --Light-20: rgba(242, 242, 242, 0.2);

    --White: #FFF;
    --White-87: rgba(255, 255, 255, 0.87);
    --White-70: rgba(255, 255, 255, 0.7);
    --White-60: rgba(255, 255, 255, 0.6);
    --White-20: rgba(255, 255, 255, 0.2);
    --White-10: rgba(255, 255, 255, 0.1);
}