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

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

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

/* Font utility class */
.font-inter { 
    font-family: 'Inter', sans-serif; 
}

/* Container classes for modular layout */
.container {
    max-width: 64rem; /* 1024px - max-w-4xl */
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem; /* px-4 */
    padding-right: 1rem; /* px-4 */
}

@media (min-width: 640px) {
    .container {
        padding-left: 1.5rem; /* sm:px-6 */
        padding-right: 1.5rem; /* sm:px-6 */
    }
}

@media (min-width: 1024px) {
    .container {
        padding-left: 2rem; /* lg:px-8 */
        padding-right: 2rem; /* lg:px-8 */
    }
}

/* Container variants */
.container-sm {
    max-width: 48rem; /* 768px - max-w-2xl */
}

.container-lg {
    max-width: 80rem; /* 1280px - max-w-7xl */
}

.container-xl {
    max-width: 96rem; /* 1536px - max-w-7xl */
}