@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600");
@import url("https://api.fontshare.com/css?f[]=inter@300,400,600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Source Code Pro:wght@400");
@import url("https://api.fontshare.com/css?f[]=source code pro@400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Sora:wght@400;600");
@import url("https://api.fontshare.com/css?f[]=sora@400,600&display=swap");

@tailwind components;
@tailwind utilities;

@layer components {
    .all-\[unset\] {
        all: unset;
    }

    .font-inter {
        font-family: "Inter";
    }

    .font-source_code_pro {
        font-family: "Source Code Pro";
    }

    .font-sora {
        font-family: "Sora";
    }
}

:root {
    --black-300: rgba(182, 175, 175, 1);
    --black-500: rgba(11, 10, 10, 1);
    --black-700: rgba(80, 73, 73, 1);
    --gray-900: rgba(17, 25, 40, 1);
    --h-3-font-family: "Inter", Helvetica;
    --h-3-font-size: 24px;
    --h-3-font-style: normal;
    --h-3-font-weight: 600;
    --h-3-letter-spacing: -0.14400000572204594px;
    --h-3-line-height: 32px;
    --sub-h-btn-semib-16-font-family: "Sora", Helvetica;
    --sub-h-btn-semib-16-font-size: 16px;
    --sub-h-btn-semib-16-font-style: normal;
    --sub-h-btn-semib-16-font-weight: 600;
    --sub-h-btn-semib-16-letter-spacing: 0px;
    --sub-h-btn-semib-16-line-height: 150%;
    --subtle-font-family: "Inter", Helvetica;
    --subtle-font-size: 14px;
    --subtle-font-style: normal;
    --subtle-font-weight: 400;
    --subtle-letter-spacing: 0px;
    --subtle-line-height: 20px;
    --text-xs-font-medium-font-family: "Inter", Helvetica;
    --text-xs-font-medium-font-size: 12px;
    --text-xs-font-medium-font-style: normal;
    --text-xs-font-medium-font-weight: 500;
    --text-xs-font-medium-letter-spacing: 0px;
    --text-xs-font-medium-line-height: 150%;
    --white: rgba(255, 255, 255, 1);
    --yellow-500: rgba(255, 192, 67, 1);
}
