:root {

    /* Colours */
    --clr-bg: #F5F2EB;
    --clr-text: #111111;
    --clr-accent: #F15A24;
    --clr-white: #ffffff;

    /* Typography */
    --font-heading: "Moga", serif;
    --font-body: Arial, sans-serif;

    /* Layout */
    --container: 1200px;

    /* Spacing */
    --space-xs: .5rem;
    --space-sm: 1rem;
    --space-md: 2rem;
    --space-lg: 4rem;
    --space-xl: 8rem;

    /* Border Radius */
    --radius: 12px;

    /* Animation */
    --transition: .3s ease;

}