/* =========================================
   VARIÁVEIS, RESET E BASE
   ========================================= */
:root {
    --color-black: #0B0F14;
    --color-dark-gray: #1F2937;
    --color-white: #FFFFFF;
    --color-gray-ui: #E5E7EB;
    --color-text-gray: #6B7280;
    --color-accent: #2f7cff;
    --color-accent-dark: #1c64e0;
    --color-whatsapp: #25D366;
    --bg-hero: #050a14;

    --font-heading: 'Space Grotesk', sans-serif;
    --font-body: 'Inter', sans-serif;

    --container-width: 1200px;
    --border-radius: 8px;
    --transition: all 0.3s ease;
}

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

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--font-body);
    color: var(--color-black);
    background-color: #F9FAFB;
    line-height: 1.6;
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    color: var(--color-black);
    font-weight: 700;
    line-height: 1.2;
}

a {
    text-decoration: none;
    color: inherit;
}

ul {
    list-style: none;
}

img {
    max-width: 100%;
    display: block;
}

/* Utilitários Gerais */
.text-center { text-align: center; }
.text-accent { color: var(--color-accent); }
.bg-dark { background-color: var(--color-black); color: var(--color-white); }
.bg-white { background-color: var(--color-white); }
.flex-center { display: flex; align-items: center; justify-content: center; }
.w-100 { width: 100%; }