@import url("header.css");
@import url("button.css");
@import url("section.css");
@import url("card.css");
@import url("time.css");
@import url("hero.css");
@import url("contato.css");
@import url("rodape.css");
@import url("instagram.css");
@import url("profile.css");
@import url("mediaqueries.css");
@import url("convenios.css");
@import url("filtro.css");

:root {
    --color-primary: #00A79D;
    --color-primary-dark: #008075;
    --color-accent: #FF7F50;
    --color-accent-dark: #FF6347;
    --color-text: #374151;
    --color-text-light: #6b7280;
    --color-background: #f9fafb;
    --color-white: #ffffff;
    --color-dark: #1f2937;
    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --border-radius: 0.5rem; /* rounded-lg */
}

/* Basic Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--color-background);
    color: var(--color-text);
    line-height: 1.6;
}

.container {
    width: 100%;
    max-width: 1280px; /* Corresponds to container mx-auto in Tailwind */
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}


@import url("header.css");
@import url("button.css");
@import url("section.css");
@import url("card.css");
@import url("time.css");
@import url("hero.css");
@import url("contato.css");
@import url("rodape.css");
@import url("instagram.css");
@import url("profile.css");
@import url("mediaqueries.css");
@import url("convenios.css");

:root {
    --color-primary: #00A79D;
    --color-primary-dark: #008075;
    --color-accent: #FF7F50;
    --color-accent-dark: #FF6347;
    --color-text: #374151;
    --color-text-light: #6b7280;
    --color-background: #f9fafb;
    --color-white: #ffffff;
    --color-dark: #1f2937;
    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --border-radius: 0.5rem; /* rounded-lg */
}

/* Basic Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--color-background);
    color: var(--color-text);
    line-height: 1.6;
}

.container {
    width: 100%;
    max-width: 1280px; /* Corresponds to container mx-auto in Tailwind */
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}