/* ==========================================================================
   BORA — TOKENS DE DESIGN
   Fonte única da paleta e das medidas usadas pelas telas novas do cliente.
   Carregue este arquivo ANTES de restaurant-modern.css / search-modern.css.

   Para trocar a cor da marca, mexa só em --bo-accent, --bo-accent-2 e nas
   triplas RGB correspondentes: todo o resto (sombras, tints, anéis de foco)
   é derivado daqui.
   ========================================================================== */

/* A classe .bo-tokens declara só as variáveis, para poder ser usada em um
   trecho de página (ex.: uma seção da home) sem mexer no body. */
body.bo-rest,
body.bo-search,
.bo-tokens {
    --bo-accent: #E31E24;
    --bo-accent-2: #B71419;
    --bo-accent-soft: #FDECEC;
    /* Triplas RGB para compor transparencias sem repetir o hex. */
    --bo-accent-rgb: 227, 30, 36;
    --bo-accent-2-rgb: 183, 20, 25;
    --bo-accent-ring: rgba(var(--bo-accent-rgb), .22);

    --bo-ink: #0F172A;
    --bo-ink-2: #334155;
    --bo-muted: #64748B;
    --bo-faint: #94A3B8;

    --bo-line: #E9EDF2;
    --bo-line-2: #F1F5F9;
    --bo-surface: #FFFFFF;
    --bo-bg: #F6F7F9;

    --bo-green: #16A34A;
    --bo-green-soft: #E8F7EE;
    --bo-red: #DC2626;
    --bo-red-soft: #FDECEC;

    /* Roxo/violeta reservado para a busca com IA, para nao competir com a
       cor da marca nem parecer estado de erro. */
    --bo-ai: #7C3AED;
    --bo-ai-2: #5B21B6;
    --bo-ai-rgb: 124, 58, 237;
    --bo-ai-soft: #F3F0FF;

    --bo-r-sm: 10px;
    --bo-r: 14px;
    --bo-r-lg: 20px;
    --bo-r-full: 999px;

    --bo-sh-1: 0 1px 2px rgba(15, 23, 42, .06), 0 1px 3px rgba(15, 23, 42, .04);
    --bo-sh-2: 0 4px 16px rgba(15, 23, 42, .07);
    --bo-sh-3: 0 12px 32px rgba(15, 23, 42, .10);
    --bo-sh-pop: 0 24px 60px rgba(15, 23, 42, .18);

    /* Altura real da appbar: .header-content 70px + 1px de borda. */
    --bo-sticky-top: 71px;
}

/* Estilo de página: só nas telas que são inteiramente do design novo. */
body.bo-rest,
body.bo-search {
    background-color: var(--bo-bg);
    color: var(--bo-ink);
    font-family: 'Inter', 'OpenSauceOne', system-ui, -apple-system, "Segoe UI", sans-serif;
    -webkit-font-smoothing: antialiased;
}