@font-face {
    font-family: "Alexandria";
    src: url("../fonts/alexandria/Alexandria-VariableFont_wght.ttf") format("truetype");
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

:root {
    --font-family-base: "Alexandria", system-ui, -apple-system, "Segoe UI", sans-serif;
    --font-family-heading: var(--font-family-base);
    --font-family-ui: var(--font-family-base);

    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    --letter-spacing-0: 0;
    --letter-spacing-overline: 0;

    --font-display-size: 48px;
    --font-display-line-height: 1.15;
    --font-display-weight: var(--font-weight-bold);
    --font-display-letter-spacing: var(--letter-spacing-0);

    --font-h1-size: 40px;
    --font-h1-line-height: 1.2;
    --font-h1-weight: var(--font-weight-bold);
    --font-h1-letter-spacing: var(--letter-spacing-0);

    --font-h2-size: 32px;
    --font-h2-line-height: 1.25;
    --font-h2-weight: var(--font-weight-bold);
    --font-h2-letter-spacing: var(--letter-spacing-0);

    --font-h3-size: 24px;
    --font-h3-line-height: 1.3;
    --font-h3-weight: var(--font-weight-semibold);
    --font-h3-letter-spacing: var(--letter-spacing-0);

    --font-h4-size: 22px;
    --font-h4-line-height: 1.35;
    --font-h4-weight: var(--font-weight-semibold);
    --font-h4-letter-spacing: var(--letter-spacing-0);

    --font-h5-size: 18px;
    --font-h5-line-height: 1.4;
    --font-h5-weight: var(--font-weight-semibold);
    --font-h5-letter-spacing: var(--letter-spacing-0);

    --font-h6-size: 16px;
    --font-h6-line-height: 1.45;
    --font-h6-weight: var(--font-weight-semibold);
    --font-h6-letter-spacing: var(--letter-spacing-0);

    --font-body-size: 16px;
    --font-body-line-height: 1.6;
    --font-body-weight: var(--font-weight-regular);
    --font-body-letter-spacing: var(--letter-spacing-0);

    --font-small-size: 13px;
    --font-small-line-height: 1.55;
    --font-small-weight: var(--font-weight-regular);
    --font-small-letter-spacing: var(--letter-spacing-0);

    --font-caption-size: 12px;
    --font-caption-line-height: 1.45;
    --font-caption-weight: var(--font-weight-regular);
    --font-caption-letter-spacing: var(--letter-spacing-0);

    --font-overline-size: 12px;
    --font-overline-line-height: 1.4;
    --font-overline-weight: var(--font-weight-semibold);
    --font-overline-letter-spacing: var(--letter-spacing-overline);

    --font-button-size: 12px;
    --font-button-line-height: 1.4;
    --font-button-weight: var(--font-weight-semibold);
    --font-button-letter-spacing: var(--letter-spacing-0);

    --font-table-size: 13px;
    --font-table-line-height: 1.45;
    --font-table-weight: var(--font-weight-regular);
    --font-table-letter-spacing: var(--letter-spacing-0);

    --font-label-size: 13px;
    --font-label-line-height: 1.4;
    --font-label-weight: var(--font-weight-medium);
    --font-label-letter-spacing: var(--letter-spacing-0);

    --font-placeholder-size: 13px;
    --font-placeholder-line-height: 1.4;
    --font-placeholder-weight: var(--font-weight-regular);
    --font-placeholder-letter-spacing: var(--letter-spacing-0);

    --font-badge-size: 12px;
    --font-badge-line-height: 1.3;
    --font-badge-weight: var(--font-weight-semibold);
    --font-badge-letter-spacing: var(--letter-spacing-0);

    --font-tooltip-size: 12px;
    --font-tooltip-line-height: 1.4;
    --font-tooltip-weight: var(--font-weight-regular);
    --font-tooltip-letter-spacing: var(--letter-spacing-0);

    --font-dropdown-size: 13px;
    --font-dropdown-line-height: 1.45;
    --font-dropdown-weight: var(--font-weight-regular);
    --font-dropdown-letter-spacing: var(--letter-spacing-0);

    --font-modal-title-size: 18px;
    --font-modal-title-line-height: 1.4;
    --font-modal-title-weight: var(--font-weight-semibold);
    --font-modal-title-letter-spacing: var(--letter-spacing-0);
}