/*
 * Viabix shared interface tokens.
 *
 * Keep this file intentionally conservative: the older screens still have
 * their own large style blocks. Global selectors here must not override page
 * layouts such as home, signup, ANVI or Controle de Projetos.
 */
:root {
    --vb-font: "Inter", "Sora", "Segoe UI", Arial, sans-serif;
    --vb-ink: #17211d;
    --vb-muted: #5f6f66;
    --vb-soft: #f4f7f2;
    --vb-panel: #ffffff;
    --vb-line: #dfe9e2;
    --vb-primary: #0f3f2f;
    --vb-primary-2: #1f6b53;
    --vb-accent: #d89b2b;
    --vb-success: #2e7d32;
    --vb-warning: #9a6b00;
    --vb-danger: #b3261e;
    --vb-info: #1565c0;
    --vb-radius: 8px;
    --vb-shadow: 0 12px 34px rgba(15, 63, 47, 0.09);
    --vb-shadow-soft: 0 6px 18px rgba(15, 63, 47, 0.07);
}

html {
    color-scheme: light;
}

.vb-surface {
    background: var(--vb-panel);
    border: 1px solid var(--vb-line);
    border-radius: var(--vb-radius);
    box-shadow: var(--vb-shadow-soft);
}

.vb-muted {
    color: var(--vb-muted);
}

.vb-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: var(--vb-radius);
    border: 1px solid var(--vb-primary);
    background: linear-gradient(135deg, var(--vb-primary-2), var(--vb-primary));
    color: #ffffff;
    font: inherit;
    letter-spacing: 0;
    text-decoration: none;
}

.vb-action-secondary {
    border-color: rgba(15, 63, 47, 0.16);
    background: rgba(15, 63, 47, 0.08);
    color: var(--vb-primary);
}

.vb-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 999px;
    padding: 4px 8px;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0;
}

.vb-badge-success {
    background: #e7f4ea;
    color: var(--vb-success);
}

.vb-badge-warning {
    background: #fff6df;
    color: var(--vb-warning);
}

.vb-badge-danger {
    background: #fdecea;
    color: var(--vb-danger);
}