/* ==========================================================================
   LivreSat — Design System base
   Paleta extraída do sistema atual (ProTrack365 white-label) para manter o
   layout familiar aos clientes. Refinar com prints em alta quando disponíveis.
   ========================================================================== */

:root {
    /* Marca */
    --ls-red: #e2231a;            /* vermelho do logo / pins */
    --ls-orange: #f5a623;         /* botões de ação, ícones de input, abas ativas */
    --ls-orange-hover: #e5951a;

    /* Superfícies escuras (barras, sidebar, card de login) */
    --ls-dark: #0d1b2a;
    --ls-dark-2: #152b3f;
    --ls-panel: rgba(20, 20, 22, 0.82);   /* card de login translúcido */

    /* Conteúdo claro */
    --ls-bg: #f4f6f8;
    --ls-surface: #ffffff;
    --ls-border: #d9dee3;
    --ls-text: #2c3e50;
    --ls-text-muted: #7b8a97;
    --ls-text-on-dark: #ffffff;

    /* Feedback */
    --ls-error: #e74c3c;
    --ls-success: #27ae60;

    /* Métricas */
    --ls-radius: 4px;
    --ls-radius-lg: 8px;
    --ls-font: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

* { box-sizing: border-box; }

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: var(--ls-font);
    color: var(--ls-text);
    background: var(--ls-bg);
}

a {
    color: var(--ls-orange);
    text-decoration: none;
}
a:hover { text-decoration: underline; }

/* Botão de ação padrão (laranja, cheio) */
.ls-btn {
    display: inline-block;
    width: 100%;
    padding: 12px 16px;
    border: none;
    border-radius: var(--ls-radius);
    background: var(--ls-orange);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s ease;
}
.ls-btn:hover { background: var(--ls-orange-hover); }