:root {

    --color-primary: #00c8ff;
    --color-primary-background: #08262f;
    
    --color-secondary: #a855f7;

    --card-background-color: #121215;
    --body-background-color: #09090b;


    --gradient-from-black: #09090b;
    --gradient-to-black-transperent: #09090b50;
    --gradient-from-bright-black: #09090b9f;
    --gradient-to-bright-transperent: #09090b03;

    --gradient-primary: #091b231a;
    --gradient-primary-faded: #091b2300;
    --gradient-secondary: #1810211a;
    --gradient-secondary-faded: #18102100;

    

    /*basic text settings*/


    --color-text-primary: #fafaff;
    --color-text-secondary: #a1a1a1;
    --color-text-muted: #09090b;

    --text-size-000: 12px;
    --text-size-100: 14px;
    --text-size-200: 15px;
    --text-size-300: 16px;
    --text-size-400: 18px;
    --text-size-500: 20px;
    --text-size-600: 24px;
    --text-size-700: 32px;
    --text-size-800: 48px;
    --text-size-900: 56px;

}