/* SPN - Notices (cores baseadas na paleta do Tailwind v4 em OKLCH) */
/* emerald */
:root {
    --spn-emerald-50: oklch(97.9% 0.021 166.113);
    --spn-emerald-200: oklch(90.5% 0.093 164.15);
    --spn-emerald-900: oklch(37.8% 0.077 168.94);

    /* amber */
    --spn-amber-50: oklch(98.7% 0.022 95.277);
    --spn-amber-200: oklch(92.4% 0.12 95.746);
    --spn-amber-900: oklch(41.4% 0.112 45.904);

    /* rose */
    --spn-rose-50: oklch(96.9% 0.015 12.422);
    --spn-rose-200: oklch(89.2% 0.058 10.001);
    --spn-rose-900: oklch(41% 0.159 10.272);
}

.spn-notice {
    display: none;
    border: 1px solid transparent;
    border-radius: 12px;
    padding: 12px 16px;
    font-size: 14px;
    line-height: 1.2;
}

.spn-notice.is-visible {
    display: block;
}

/* Sucesso */
.spn-notice--success {
    background: var(--spn-emerald-50);
    border-color: var(--spn-emerald-200);
    color: var(--spn-emerald-900);
}

/* Aviso (dados inválidos etc.) */
.spn-notice--warning {
    background: var(--spn-amber-50);
    border-color: var(--spn-amber-200);
    color: var(--spn-amber-900);
}

/* Erro */
.spn-notice--error {
    background: var(--spn-rose-50);
    border-color: var(--spn-rose-200);
    color: var(--spn-rose-900);
}