/* Base styles and resets */
img {
    image-rendering: auto;
    -ms-interpolation-mode: bicubic;
}

.header-banner-image,
.mobile-hero-bg-image,
.tabacs-title-image,
.tabacs-subtitle-image,
.header-logo,
.mobile-header-logo {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

/* Font declarations */
@font-face {
    font-family: 'Inter';
    src: url('../assets/fonts/inter.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('../assets/fonts/inter.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('../assets/fonts/inter.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('../assets/fonts/inter.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('../assets/fonts/inter_italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

/* Basic Reset & Global Styles */
html, body {
    margin: 0;
    padding: 0;
    font-family: 'Inter', sans-serif;
    box-sizing: border-box;
    background-color: #F2F2F2;
    color: #1E1E1E;
    overflow-x: auto;
}

*, *:before, *:after {
    box-sizing: inherit;
}

.app-container {
    max-width: 1200px;
    margin: 0 auto;
    background-color: #FFFFFF;
}

/* Common utility classes */
.text-center {
    text-align: center;
}

.flex {
    display: flex;
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-column {
    flex-direction: column;
}

/* Common colors */
:root {
    --color-primary: #FFBF3E;
    --color-secondary: #862733;
    --color-text-primary: #1E1E1E;
    --color-background: #FFFFFF;
    --color-background-light: #F2F2F2;
    --color-footer-bg: #FFFCF7;
}