:root {
    /* Red */
    --color-red: #dc0525;
    --color-red-rgb: 220, 5, 37;
    --color-red-dark-20: #b0041e;
    --color-red-dark-40: #8a0317;
    /* Pink */
    --color-pink: #f3a18c;
    --color-pink-rgb: 243, 161, 140;
    --color-pink-light-40: #f9c9bc;
    --color-pink-dark-20: #c88372;
    --color-pink-dark-40: #9f6658;
    /* Mint */
    --color-mint: #bdd8c9;
    --color-mint-rgb: 189, 216, 201;
    --color-mint-light-40: #d9ebe2;
    --color-mint-dark-20: #9ab3a7;
    --color-mint-dark-40: #789086;
    /* Yellow */
    --color-yellow: #f1bb4f;
    --color-yellow-rgb: 241, 187, 79;
    --color-yellow-light-40: #f7d89a;
    --color-yellow-dark-20: #c69a40;
    --color-yellow-dark-40: #9c7932;
    /* Gray */
    --color-gray: #373234;
    --color-gray-rgb: 55, 50, 52;
    --color-gray-light-40: #8b898a;
    --color-gray-dark-20: #2c282a;
    /* Beige */
    --color-beige: #bfb0a0;
    --color-beige-rgb: 191, 176, 160;
    --color-beige-light-40: #e0d8ce;
    --color-beige-dark-20: #9a8d80;
    /* Ivory */
    --color-ivory: #f3e9de;
    --color-ivory-rgb: 243, 233, 222;
    --color-ivory-light-40: #f8f2eb;
    --color-ivory-dark-20: #c2b9b1;
    /* System */
    --cylinda-opac: rgba(0, 0, 0, 0.1);
    --sk-base: #e9ecef;
    --sk-highlight: #f8f9fa;
    --sk-radius: 0;
    --sk-speed: 1.2s;
    --sk-gap: .75rem;
}