/**
 * Requerimentos de Dependência — tokens de identidade visual
 *
 * Paleta neutra profissional, compartilhada entre a área administrativa,
 * o simulador público e a folha de impressão. Carregado como dependência
 * dos outros três arquivos CSS do plugin — não é enfileirado sozinho.
 */

:root {
    /* Cor de marca */
    --rd-primary-900: #16265c;
    --rd-primary-700: #1d4ed8;
    --rd-primary-600: #2554e8;
    --rd-primary-500: #3b6ef0;
    --rd-primary-100: #e7edfd;
    --rd-primary-50: #f4f7ff;

    --rd-accent: #0ea5a4;
    --rd-accent-100: #e2f7f6;

    /* Neutros */
    --rd-ink: #101828;
    --rd-ink-soft: #344054;
    --rd-muted: #667085;
    --rd-border: #e4e7ec;
    --rd-border-soft: #eef1f5;
    --rd-bg: #f6f8fb;
    --rd-surface: #ffffff;

    /* Estado */
    --rd-success: #17845a;
    --rd-success-bg: #e7f6ef;
    --rd-warning: #b45309;
    --rd-warning-bg: #fef3e2;
    --rd-danger: #c22a2a;
    --rd-danger-bg: #fdecec;

    /* Forma */
    --rd-radius-sm: 6px;
    --rd-radius: 10px;
    --rd-radius-lg: 14px;
    --rd-shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.06);
    --rd-shadow: 0 2px 8px rgba(16, 24, 40, 0.08), 0 1px 2px rgba(16, 24, 40, 0.06);
    --rd-shadow-lg: 0 12px 32px rgba(16, 24, 40, 0.14);

    --rd-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

/* --------------------------------------------------------------
 * Utilitários compartilhados (cartões, badges, botões de marca)
 * -------------------------------------------------------------- */

.rd-card {
    background: var(--rd-surface);
    border: 1px solid var(--rd-border);
    border-radius: var(--rd-radius);
    box-shadow: var(--rd-shadow-sm);
    padding: 24px;
    margin-bottom: 24px;
}

.rd-card > h2:first-child,
.rd-card > h3:first-child,
.rd-card > h4:first-child {
    margin-top: 0;
}

.rd-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 1.8;
}

.rd-badge--ok {
    background: var(--rd-success-bg);
    color: var(--rd-success);
}

.rd-badge--off {
    background: var(--rd-border-soft);
    color: var(--rd-muted);
}

.rd-badge--warn {
    background: var(--rd-warning-bg);
    color: var(--rd-warning);
}

.rd-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-family: var(--rd-font);
    font-weight: 600;
    font-size: 13px;
    padding: 9px 18px;
    border-radius: var(--rd-radius-sm);
    border: 1px solid var(--rd-primary-700);
    background: var(--rd-primary-700);
    color: #fff !important;
    cursor: pointer;
    text-decoration: none;
    transition: background 0.15s ease, box-shadow 0.15s ease, transform 0.05s ease;
}

.rd-btn:hover {
    background: var(--rd-primary-900);
    border-color: var(--rd-primary-900);
    color: #fff !important;
}

.rd-btn:active {
    transform: translateY(1px);
}

.rd-btn--ghost {
    background: transparent;
    border-color: var(--rd-border);
    color: var(--rd-ink-soft) !important;
}

.rd-btn--ghost:hover {
    background: var(--rd-bg);
    border-color: var(--rd-border);
    color: var(--rd-ink) !important;
}