@charset "utf-8";
/*
--c contrast
--f font size
--g greyscale
--h primary / headings
--p secondary / text
--a accent
--bg background
--o orange / cta
--ot cta text
--n neutral/muted color

--s neumorphic shadow
--ss neumorphic shadow small

*/

@layer a, b, c, d;

/* Layer A (Reset/Base), Layer B (Layout), Layer C (Components), Layer D (Utilities) */


html{scroll-behavior: smooth}
section{scroll-margin-top: 5rem}

footer{margin-top: 1rem; padding: 5vh 5vw; border-radius: 1rem 1rem 0 0}

footer{box-shadow: var(--s)}


input{min-height: 3rem; padding: 1rem}