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

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

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

/* Add Tailwind-like utilities */
.font-medium {
    font-weight: 500;
}

.self-end {
    align-self: flex-end;
}

.mt-1 {
    margin-top: 0.25rem;
}

.-mb-\[6px\] {
    margin-bottom: -6px;
}

@media (min-width: 1024px) {
    .lg\:text-lg {
        font-size: 1.125rem;
    }
}

@media (min-width: 1280px) {
    .xl\:text-xl {
        font-size: 1.25rem;
    }
}