/* ferramentas/cms/css/base.css */

:root {
    /* Variáveis APENAS da Interface do Editor (Sidebar, Botões do CMS) */
    --cor-fundo: #f0f2f5;
    --cor-painel: #ffffff;
    --cor-texto: #2d2d2d;
    --cor-texto-suave: #666666;
    --cor-borda: rgba(0, 0, 0, 0.1);
    --cor-destaque: #2d2d2d;
    --cor-destaque-texto: #ffffff;
}

/* RESET E LAYOUT */
* { box-sizing: border-box; }

body {
    margin: 0; padding: 0; font-family: 'Segoe UI', sans-serif;
    /* Layout Flex para Sidebar + Palco */
    display: flex; height: 100vh; overflow: hidden;
    background-color: var(--cor-fundo); color: var(--cor-texto);
}

/* O palco apenas recebe as propriedades injetadas pelo JS */
.viewport-browser {
    /* Valores padrão de fallback */
    background-color: #fff;
    color: #333;
    transition: all 0.3s;

    /* CORREÇÃO AQUI: Força o uso da fonte definida pelo tema */
    font-family: var(--site-font, 'Segoe UI', sans-serif);
}