@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap');

:root{

    /* primary */
    --primary-black: #080808;
    --primary-white:  #F2F0EB;
    --primary-neutral: grey;

    /* zinc */

    --zinc-100:#f4f4f5;
    --zinc-200:#e4e4e7;
    --zinc-300:#d4d4d8;
    --zinc-500:#71717a;
    --zinc-800:#27272a;

    /* error */

    --error-500: #ef4444;


    /* Gradients */
    --gradient-100: linear-gradient(-95deg, #A793AC, #102542);

    /* spacing */

    --spacing-4: 4px;
    --spacing-8: 8px;
    --spacing-12: 12px;
    --spacing-16: 16px;
    --spacing-24: 24px;
    --spacing-32: 32px;
    --spacing-40: 40px;
    --spacing-48: 48px;
    --spacing-56: 56px;


    /* MAX WIDTH */

    --max-width:1024px;

}