:root{
--base-h: 3;
--base-s: 93%;
--base-l: 50%;
--base: var(--base-h) var(--base-s) var(--base-l);

--primary: var(--base-h) var(--base-s) var(--base-l);

--secondary-h: 231;
--secondary-s: 84%;
--secondary-l: 17%;
--secondary: var(--secondary-h) var(--secondary-s) var(--secondary-l);

--accent: var(--secondary);

/* Footer specific */
--footer-bg: var(--secondary);
--footer-accent: var(--secondary);
}