/* Narwhal palette in one place. Cork's compiled CSS was recolored to these values by
   tools/brand/recolor.sh; new Narwhal styles use the variables. */
:root {
    --nw-primary: #0f8a5f;
    --nw-primary-hover: #0b6e4c;
    --nw-primary-light: #e6f4ee;
    --nw-primary-dark-bg: #0f2a20;
    --nw-success: #3fa34d;
    --nw-info: #2196f3;
    --nw-warning: #e2a03f;
    --nw-danger: #e7515a;
}

html.dark { background: #060818; }
html.dark body { background: #060818; }

.nw-hidden { display: none !important; }
.nw-code-input { letter-spacing: 6px; font-size: 20px; text-align: center; }
.nw-auth-logo { max-width: 240px; height: auto; }
html.dark .nw-auth-logo-light, html:not(.dark) .nw-auth-logo-dark { display: none; }
.nw-badge-upgrade { font-size: 10px; background: var(--nw-primary-light); color: var(--nw-primary); border-radius: 4px; padding: 1px 6px; margin-left: 6px; }
.nw-toast-host { position: fixed; top: 16px; right: 16px; z-index: 2000; display: flex; flex-direction: column; gap: 8px; max-width: 360px; }
.nw-recovery-codes { font-family: Consolas, "Liberation Mono", monospace; font-size: 15px; columns: 2; }