/* ============================================================
   TEMA BURGER — paleta CLARA "apetitosa"
   Crema + rojo/naranja/amarillo. Se carga DESPUÉS del CSS propio
   de cada página para unificar el look con la landing.
   Ajustes finos: tocar SOLO este archivo.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

:root {
    --primary: #ff7a00 !important;     /* naranja */
    --secondary: #e4002b !important;   /* rojo */
    --success: #1db954 !important;
    --danger: #ef4444 !important;
    --dark: #2a2118 !important;        /* color de TEXTO (marrón oscuro) */
    --light: #ffffff !important;       /* superficies: header, tarjetas */
    --gray: #8a7a6a !important;        /* texto secundario */
    --bg: #fff8f0 !important;          /* fondo crema */
    --border: #efe1d2 !important;
    --shadow: rgba(120,80,30,0.10) !important;
    --amarillo: #ffb703;
}

body {
    background: var(--bg) !important;
    color: var(--dark) !important;
}

/* Titulares con la fuente de la landing */
h1, h2, h3,
.header h1, .logo, .logo-text, .brand, .brand-name {
    font-family: 'Anton', 'Inter', system-ui, sans-serif !important;
    letter-spacing: .5px;
}

/* Header/superficies a blanco con borde cálido */
.header, header, .topbar, .top-bar {
    background: var(--light) !important;
    border-bottom: 1px solid var(--border) !important;
}

/* Botones redondeados, en línea con la landing */
button, .btn, [class*="btn-"], .boton {
    border-radius: 50px !important;
}

/* Scrollbar a tono */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--bg); }
::-webkit-scrollbar-thumb { background: var(--primary); border-radius: 10px; }