/**
 * Tema Blue — tokens para admin-ui / personalizar e telas modernizadas.
 * Carregado via configuração 16 (slug: blue). body recebe class="tema-blue".
 */
:root,
body.tema-blue {
    --main-color: #003e65;
    --main-color-hover: #005c96;
    --main-color-active: #00293f;
    --main-color-2: #a8935a;

    --bg-page: #f5f8fb;
    --bg-surface: #ffffff;
    --bg-elevated: #eef4fa;

    --surface-card: #ffffff;
    --surface-muted: #eef4fa;
    --surface-page: #f5f8fb;

    --border-subtle: #d6e2ee;
    --border-default: #b8c9d9;

    --text-primary: #0f172a;
    --text-muted: #64748b;

    --focus-ring: rgba(0, 62, 101, 0.28);

    --ease-btn: cubic-bezier(0.4, 0, 0.2, 1);
    --transition-btn: background-color 0.35s var(--ease-btn),
        color 0.3s var(--ease-btn),
        border-color 0.3s var(--ease-btn),
        box-shadow 0.35s var(--ease-btn);
}

.navbar-dark {
    background: #003e65;
    border: none;
}

canvas.logoOM {
    background-color: white;
}