/* :root {
    --primary-color: #000000;

    --secondary-color: #009CD8;
    --secondary-color-hover: #008cc2;
    --secondary-color-shadow: 0 0 10px #008cc2;

    --secondary-color: #E67E22;
    --secondary-color-hover: #cf711f;
    --secondary-color-shadow: 0 0 10px rgba(207, 113, 31, 0.5);

    --secondary-color: #dda15e;
    --secondary-color-hover: #c79155;
    --secondary-color-shadow: 0 0 10px rgba(221, 161, 94, 0.5);

    --secondary-color: #ffb703;
    --secondary-color-hover: #e6a503;
    --secondary-color-shadow: 0 0 10px rgba(230, 165, 3, 0.5);

    --secondary-color: #006600;
    --secondary-color-hover: #004c00;
    --secondary-color-shadow: 0 0 10px rgba(0, 76, 0, 0.5);

    --secondary-color: #97c4c6;
    --secondary-color-hover: #86aeb0;
    --secondary-color-shadow: 0 0 10px rgba(134, 174, 176, 0.5);

    --secondary-color: #5e548e;
    --secondary-color-hover: #554c80;
    --secondary-color-shadow: 0 0 10px rgba(85, 76, 128, 0.5);
} */