/* CSS HEX */
--licorice: #221009ff;
--caput-mortuum: #50180Eff;
--black-bean: #310E0Aff;
--pumpkin: #E97520ff;
--brown: #9E4120ff;

/* CSS HSL */
--licorice: hsla(17, 58%, 8%, 1);
--caput-mortuum: hsla(9, 70%, 18%, 1);
--black-bean: hsla(6, 66%, 12%, 1);
--pumpkin: hsla(25, 82%, 52%, 1);
--brown: hsla(16, 66%, 37%, 1);

/* SCSS HEX */
$licorice: #221009ff;
$caput-mortuum: #50180Eff;
$black-bean: #310E0Aff;
$pumpkin: #E97520ff;
$brown: #9E4120ff;

/* SCSS HSL */
$licorice: hsla(17, 58%, 8%, 1);
$caput-mortuum: hsla(9, 70%, 18%, 1);
$black-bean: hsla(6, 66%, 12%, 1);
$pumpkin: hsla(25, 82%, 52%, 1);
$brown: hsla(16, 66%, 37%, 1);

/* SCSS RGB */
$licorice: rgba(34, 16, 9, 1);
$caput-mortuum: rgba(80, 24, 14, 1);
$black-bean: rgba(49, 14, 10, 1);
$pumpkin: rgba(233, 117, 32, 1);
$brown: rgba(158, 65, 32, 1);

/* SCSS Gradient */
$gradient-top: linear-gradient(0deg, #221009ff, #50180Eff, #310E0Aff, #E97520ff, #9E4120ff);
$gradient-right: linear-gradient(90deg, #221009ff, #50180Eff, #310E0Aff, #E97520ff, #9E4120ff);
$gradient-bottom: linear-gradient(180deg, #221009ff, #50180Eff, #310E0Aff, #E97520ff, #9E4120ff);
$gradient-left: linear-gradient(270deg, #221009ff, #50180Eff, #310E0Aff, #E97520ff, #9E4120ff);
$gradient-top-right: linear-gradient(45deg, #221009ff, #50180Eff, #310E0Aff, #E97520ff, #9E4120ff);
$gradient-bottom-right: linear-gradient(135deg, #221009ff, #50180Eff, #310E0Aff, #E97520ff, #9E4120ff);
$gradient-top-left: linear-gradient(225deg, #221009ff, #50180Eff, #310E0Aff, #E97520ff, #9E4120ff);
$gradient-bottom-left: linear-gradient(315deg, #221009ff, #50180Eff, #310E0Aff, #E97520ff, #9E4120ff);
$gradient-radial: radial-gradient(#221009ff, #50180Eff, #310E0Aff, #E97520ff, #9E4120ff);