/* =========================================================
   Laquilas — Demonstracao: Sistema de E-commerce Personalizado

   Tokens reaproveitados de assets/css/styles.css (raiz do
   repositorio) para a demonstracao ter a mesma identidade
   visual do site da Laquilas. Os mesmos valores estao em
   demo/gestao-empresarial e demo/monitoramento-agricola: as
   demonstracoes precisam parecer uma familia.

   Os tokens --aviso-* nao existem no design system do site:
   foram criados na demonstracao de monitoramento agricola
   (campo/templates/estilo.css) para o estado "atencao" e sao
   reutilizados aqui com os mesmos valores.

   A fonte Inter e apenas o primeiro nome da pilha, sem
   @font-face: a demonstracao nao carrega webfont de CDN nem
   versiona arquivo de fonte — quem nao a tiver instalada cai na
   fonte de sistema, e o layout nao muda.
   ========================================================= */

:root {
    /* ----- Cores da marca ----- */
    --brand-navy: #16386d;
    --brand-blue: #1c7cd6;
    --brand-cyan: #1ad0ff;
    --brand-coral: #ff6a5c;

    /* ----- Superficies ----- */
    --bg-main: #f5f8fd;
    --surface: #ffffff;
    --surface-muted: #edf4fb;

    /* ----- Texto ----- */
    --text-strong: #15304b;
    --text-body: #3f5875;
    --text-soft: #6b8099;
    --text-on-dark: #f5f7fb;

    /* ----- Bordas ----- */
    --border-soft: rgba(28, 124, 214, .12);
    --border-strong: rgba(28, 124, 214, .24);

    /* ----- Semantico ----- */
    --ok-fg: #136b4a;
    --ok-bg: rgba(49, 167, 108, .14);
    --erro-fg: #9f2c26;
    --erro-bg: rgba(255, 106, 92, .14);
    --aviso-fg: #8a5a00;
    --aviso-bg: rgba(240, 170, 40, .16);

    /* ----- Forma ----- */
    --shadow-soft: 0 20px 45px rgba(11, 20, 64, .08);
    --radius-sm: 1rem;
    --radius-lg: 1.5rem;
    --radius-pill: 999px;

    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-mono: 'JetBrains Mono', 'SFMono-Regular', Menlo, Consolas, monospace;
}