/* 1. Importação da Fonte Inter */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

/* 2. Variáveis Base (Sistema Shadcn/Zinc) */
@layer base {
    :root {
        /* Base */
        --background: 0 0% 100%;
        --foreground: 0 0% 3.9%;
        /* Cards & Popovers */
        --card: 0 0% 100%;
        --card-foreground: 0 0% 3.9%;
        --popover: 0 0% 100%;
        --popover-foreground: 0 0% 3.9%;
        /* Cores Semânticas Padrão (Neutras) */
        --primary: 0 0% 9%;
        --primary-foreground: 0 0% 98%;
        --secondary: 0 0% 96.1%;
        --secondary-foreground: 0 0% 9%;
        --muted: 0 0% 96.1%;
        --muted-foreground: 0 0% 45.1%;
        --accent: 0 0% 96.1%;
        --accent-foreground: 0 0% 9%;
        /* Destructive (Vermelho Erro) */
        --destructive: 0 84.2% 60.2%;
        --destructive-foreground: 0 0% 98%;
        /* Bordas e Inputs */
        --border: 0 0% 89.8%;
        --input: 0 0% 89.8%;
        --ring: 0 0% 3.9%;
        /* Configurações */
        --radius: 0.5rem;
    }
}

/* 3. Estilos Globais */
html, body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;
    background-color: hsl(var(--background));
    color: hsl(var(--foreground));
    -webkit-font-smoothing: antialiased;
    /* O Paredão: Se algo vazar, o navegador esconde e não deixa arrastar */
    max-width: 100vw;
    overflow-x: hidden;
    position: relative;
    margin: 0;
    padding: 0;
}

/* Garante que o cálculo de tamanho inclua padding e borda (Evita que 100% vire 102%) */
*, ::before, ::after {
    box-sizing: border-box;
}

/* Imagens responsivas */
img {
    max-width: 100%;
    height: auto;
}

/* 4. Utilitários de Gradiente da Marca (Customizados) */
.btn-primary-gradient {
    background: linear-gradient(to right, #F97316, #F59E0B);
    transition: all 0.2s;
}

    .btn-primary-gradient:hover {
        background: linear-gradient(to right, #EA580C, #D97706);
        transform: scale(1.02);
    }

.text-gradient {
    background: linear-gradient(to right, #EA580C, #D97706);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}