/* Lamparina Aromas — tokens de identidade visual (ver IDV Lamparina Aromas/Cores) */

@font-face {
    font-family: 'Carla Sans';
    src: url('../fonts/CarlaSans-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Carla Sans';
    src: url('../fonts/CarlaSans-Semibold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Carla Sans';
    src: url('../fonts/CarlaSans-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Circular Std';
    src: url('../fonts/CircularStd-Book.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Circular Std';
    src: url('../fonts/CircularStd-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Circular Std';
    src: url('../fonts/CircularStd-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    /* Paleta oficial (Cores Lamparina.jpg) */
    --oliva: #707F77;
    --offwhite: #F4F1ED;
    --terracota: #9B6A57;

    /* Derivados — sempre a partir das três cores oficiais, nunca tons novos */
    --oliva-escuro: #566058;
    --oliva-claro: #A7B2AB;
    --terracota-escuro: #7C5545;
    --terracota-claro: #C6A594;
    --off-branco: #FFFFFE;
    --texto: #33362F;
    --texto-suave: #6B6E64;
    --borda: #E2DCD2;

    --fonte-titulo: 'Carla Sans', 'Circular Std', system-ui, sans-serif;
    --fonte-corpo: 'Circular Std', 'Carla Sans', system-ui, sans-serif;

    --raio: 10px;
    --raio-arco: 999px 999px 0 0;
    --sombra: 0 1px 2px rgba(51, 54, 47, 0.05);

    color-scheme: light;
}

* { box-sizing: border-box; }

html, body {
    margin: 0;
    padding: 0;
    background: var(--offwhite);
    color: var(--texto);
    font-family: var(--fonte-corpo);
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4 {
    font-family: var(--fonte-titulo); text-transform: uppercase;
    font-weight: 600;
    margin: 0 0 0.5em;
    line-height: 1.15;
    color: var(--texto);
}

a { color: inherit; }

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

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
}

.container {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px;
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 22px;
    border-radius: 999px;
    border: 1px solid transparent;
    font-family: var(--fonte-titulo); text-transform: uppercase;
    font-weight: 600;
    font-size: 0.95rem;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}
.btn:active { transform: translateY(1px); }

.btn-primaria {
    background: var(--oliva);
    color: var(--offwhite);
}
.btn-primaria:hover { background: var(--oliva-escuro); }

.btn-secundaria {
    background: transparent;
    color: var(--oliva);
    border-color: var(--oliva);
}
.btn-secundaria:hover { background: rgba(112, 127, 119, 0.08); }

.btn-whatsapp {
    background: var(--terracota);
    color: var(--offwhite);
}
.btn-whatsapp:hover { background: var(--terracota-escuro); }

.card {
    background: var(--off-branco);
    border: 1px solid var(--borda);
    border-radius: var(--raio);
    box-shadow: var(--sombra);
}

.badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 600;
    font-family: var(--fonte-titulo); text-transform: uppercase;
}
.badge-pendente { background: #F1E9D8; color: #8A6A2B; }
.badge-aprovado { background: #E4EAE3; color: var(--oliva-escuro); }
.badge-recusado { background: #F3E1DC; color: #A0402A; }
.badge-alerta { background: #F6D9CE; color: #9B3E1F; }