/* ==================================
   VARIABLES
================================== */
:root{
    color-scheme: light;
    /*colors*/
    --primary:rgb(243, 87, 3);
    --primary-light:rgba(240, 99, 22, 0.875);
    --primary-clear:#e95e0d7c;
    --accent:#b33b00;
    --accent-clear:rgb(238, 234, 225);
    --text-dark:#111827;
    --text-light:#ffffff;
    --bg:rgb(247, 245, 243);
    --bg2: rgb(238, 234, 225);
    /*spacing*/
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 16px;
    --space-4: 24px;
    --space-5: 32px;
    --space-6: 48px;
    --space-7: 64px;
    --space-8: 96px;
}