/* https://coolors.co/ffc857-e9724c-c5283d-481d24-373e55-255f85 */

/* CSS HEX */
:root {
--sunglow: #ffc857ff;
--burnt-sienna: #e9724cff;
--cardinal: #c5283dff;
--chocolate-cosmos: #481d24ff;
--delft-blue: #373e55ff;
--lapis-lazuli: #255f85ff;
--lapis-lazuli-light: #F3F8FC;
--lapis-lazuli-lighter: #77B2D9;
--cambridge-green: #84B59F;
}

/* SCSS HEX */
$sunglow: #ffc857ff;
$burnt-sienna: #e9724cff;
$cardinal: #c5283dff;
$chocolate-cosmos: #481d24ff;
$delft-blue: #373e55ff;
$lapis-lazuli: #255f85ff;


/* SCSS Gradient */
$gradient-top: linear-gradient(0deg, #ffc857ff, #e9724cff, #c5283dff, #481d24ff, #373e55ff, #255f85ff);
$gradient-right: linear-gradient(90deg, #ffc857ff, #e9724cff, #c5283dff, #481d24ff, #373e55ff, #255f85ff);
$gradient-bottom: linear-gradient(180deg, #ffc857ff, #e9724cff, #c5283dff, #481d24ff, #373e55ff, #255f85ff);
$gradient-left: linear-gradient(270deg, #ffc857ff, #e9724cff, #c5283dff, #481d24ff, #373e55ff, #255f85ff);
$gradient-top-right: linear-gradient(45deg, #ffc857ff, #e9724cff, #c5283dff, #481d24ff, #373e55ff, #255f85ff);
$gradient-bottom-right: linear-gradient(135deg, #ffc857ff, #e9724cff, #c5283dff, #481d24ff, #373e55ff, #255f85ff);
$gradient-top-left: linear-gradient(225deg, #ffc857ff, #e9724cff, #c5283dff, #481d24ff, #373e55ff, #255f85ff);
$gradient-bottom-left: linear-gradient(315deg, #ffc857ff, #e9724cff, #c5283dff, #481d24ff, #373e55ff, #255f85ff);
$gradient-radial: radial-gradient(#ffc857ff, #e9724cff, #c5283dff, #481d24ff, #373e55ff, #255f85ff);