/* ============================================================
   TEMA OFICIAL MARY & JOHN — DESIGN SYSTEM
   ============================================================ */

:root {
    /* Paleta principal — cor extraída da logo oficial (logo-mary-john.png) */
    --cor-primaria: #840C16;
    --cor-primaria-escura: #670911;
    --cor-texto: #212121;
    --cor-texto-suave: #424242;
    --cor-fundo: #F5F5F5;
    --cor-branco: #FFFFFF;
    --cor-borda: #E0E0E0;
    --cor-cinza: #BDBDBD;

    /* Fontes */
    --fonte-principal: 'Arial', sans-serif;

    /* Espaçamentos padrão */
    --espaco-topbar: 80px;

    /* Sidebar */
    --largura-sidebar: 240px;
    --largura-sidebar-reduzida: 70px;

    /* Bordas */
    --radius-padrao: 8px;
}