/* typography.css */

/* Geist Black */
@font-face {
    font-family: 'Geist';
    src: url('/fonts/Geist-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Geist Extra Bold */
@font-face {
    font-family: 'Geist';
    src: url('/fonts/Geist-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* Geist Bold */
@font-face {
    font-family: 'Geist';
    src: url('/fonts/Geist-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Geist Semi Bold */
@font-face {
    font-family: 'Geist';
    src: url('/fonts/Geist-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* Geist Medium */
@font-face {
    font-family: 'Geist';
    src: url('/fonts/Geist-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Geist Regular */
@font-face {
    font-family: 'Geist';
    src: url('/fonts/Geist-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Geist Light */
@font-face {
    font-family: 'Geist';
    src: url('/fonts/Geist-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Geist Extra Light */
@font-face {
    font-family: 'Geist';
    src: url('/fonts/Geist-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

/* Geist Thin */
@font-face {
    font-family: 'Geist';
    src: url('/fonts/Geist-Thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

* {
    font-family: var(--font-geist);
}
/* Variável CSS para facilitar o uso da fonte */


:root {
    --font-geist: 'Geist', sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;

    --font-thin-100: 100;
    --font-extralight-200: 200;
    --font-light-300: 300;
    --font-regular-400: 400;
    --font-medium-500: 500;
    --font-semibold-600: 600;
    --font-bold-700: 700;
    --font-extrabold-800: 800;
    --font-black-900: 900;

    /* Font Sizes (com base em font-size: 62.5% no html) */
    --text-14: 1.4rem;  /* 14px */
    --text-16: 1.6rem;  /* 16px */
    --text-18: 1.8rem;  /* 18px */
    --text-20: 2.0rem;  /* 20px */
    --text-24: 2.4rem;  /* 24px */
    --text-32: 3.2rem;  /* 32px */
    --text-40: 4.0rem;  /* 40px */
    --text-48: 4.8rem;  /* 48px */
    --text-56: 5.6rem;  /* 56px */

    /* Line Heights */
    --lh-120: 1.2;   /* 120% */
    --lh-130: 1.3;   /* 130% */
    --lh-140: 1.4;   /* 140% */
    --lh-150: 1.5;   /* 150% */
}

/* Headings */
h1 {
    font-family: var(--font-geist);
    font-size: var(--text-48);
    font-weight: var(--font-semibold-600);
    line-height: var(--lh-120);
}

h2 {
    font-family: var(--font-geist);
    font-size: var(--text-40);
    font-weight: var(--font-semibold-600);
    line-height: var(--lh-130);
}

h3 {
    font-family: var(--font-geist);
    font-size: var(--text-32);
    font-weight: var(--font-semibold-600);
    line-height: var(--lh-130);
}

h4 {
    font-family: var(--font-geist);
    font-size: var(--text-24);
    font-weight: var(--font-semibold-600);
    line-height: var(--lh-140);
}

/* Body Text Styles */
.body-large {
    font-size: var(--text-20);
    font-weight: var(--font-medium-500);
    line-height: var(--lh-140);
}

.body-medium {
    font-size: var(--text-18);
    font-weight: var(--font-medium-500);
    line-height: var(--lh-150);
}

.body-default {
    font-size: var(--text-16);
    font-weight: var(--font-medium-500);
    line-height: var(--lh-150);
}

.body-small {
    font-size: var(--text-14);
    font-weight: var(--font-medium-500);
    line-height: var(--lh-150);
}

/* Button Typography */
.button-main {
    font-size: var(--text-18);
    font-weight: var(--font-medium-500);
    line-height: var(--lh-140);
}

/* Caption Typography */
.caption {
    font-size: var(--text-14);
    line-height: var(--lh-150);
}