/**
 * Paleta inspirada em energia solar / identidade solar utilities (verde + sol + céu).
 * Ajuste fino pode alinhar 100% ao manual EDP Solar quando disponível.
 */
/* ~18px no browser típico (16px): textos mais legíveis em mobile */
html {
    font-size: 112.5%;
}
body {
    line-height: 1.45;
}

:root {
    /* Núcleo solar / EDP-verde */
    --color-solar-green: #008c4a;
    --color-solar-green-dark: #006b3a;
    --color-solar-green-light: #1fa86a;
    /* Sol / destaque energia */
    --color-sun: #ffc107;
    --color-sun-deep: #f59e0b;
    --color-sun-soft: #fff3cd;
    /* Céu / profundidade */
    --color-sky: #0c4a6e;
    --color-sky-light: #0369a1;
    /* Neutros */
    --color-bg: #f0f9f6;
    --color-surface: #ffffff;
    --color-text: #0f172a;
    --color-text-muted: #64748b;
    --color-border: #c8e6d5;
    /* Estados */
    --color-success: #008c4a;
    --color-danger: #dc2626;
    /* Layout mobile — barra extra para FAB central */
    --bottom-nav-h: 72px;
    --fab-size: 56px;
    --fab-overhang: 22px;
    --safe-bottom: env(safe-area-inset-bottom, 0px);
    /* Botões flutuantes (WhatsApp / IA) — colados acima do menu inferior */
    /* Recuo maior para não bloquear cliques no bottom-nav (principalmente em desktop/pequenas alturas). */
    --float-fab-stack-bottom: calc(var(--bottom-nav-h) + var(--fab-overhang) + var(--safe-bottom) + 72px);
    /* Moldura «telefone» no desktop (browser); 100% no celular */
    --app-shell-max: 430px;
    --app-shell-radius: 28px;
    /* Chat: barra + mensagem + enviar (fixa); padding do #chat-log para não esconder texto */
    --chat-composer-bar-h: 72px;
    --radius: 14px;
    --shadow: 0 8px 24px rgba(12, 74, 110, 0.12);
    --font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    /* Vidro / materiais estilo iOS (menus, barras) */
    --apple-blur-thick: blur(28px) saturate(190%);
    --apple-blur-thin: blur(16px) saturate(180%);
    --apple-separator: rgba(60, 60, 67, 0.12);
    --apple-fill-tertiary: rgba(120, 120, 128, 0.16);
}