:root {
    --hex-accent-active: #51ab19;
    --hex-accent: #52ba57;
    --hex-mark-active: #51ab19;
    --hex-mark: #52ba57;
    --hex-light: #ffffff;
    --hex-smoke: #dedede;
    --hex-spirit: #f6f7f9;
    --hex-casper: #f3f4f8;
    --hex-spirit-smoke: #f5f6fa;
    --hex-casper-friend: #fbfcfe;
    --hex-text: #233244;
    --hex-text-semi: #5f6b87;
    --hex-gray: #808080;
    --hex-vitamin: #cccccc;

    --hex-tile1: var(--hex-accent);
    --hex-tile2: #ec6c68;
    --hex-tile3: #408b8f;

    --rgb-accent-active: 81, 171, 25;
    --rgb-accent: 82, 186, 87;
    --rgb-mark-active: 81, 171, 25;
    --rgb-mark: 82, 186, 87;
    --rgb-light: 255, 255, 255;
    --rgb-smoke: 222, 222, 222;
}