:root{--nx-brand: #004c89;--nx-brand-hover: #003a6e;--nx-brand-soft: rgb(0 76 137 / 10%);--nx-success: #16a34a;--nx-success-strong: #15803d;--nx-success-soft: #f0fdf4;--nx-danger: #d61027;--nx-danger-hover: #b00d20;--nx-danger-active: #9a0b1c;--nx-danger-soft: #fef2f2;--nx-warning: #d97706;--nx-warning-soft: #fffbeb;--nx-info: #0284c7;--nx-info-soft: #f0f9ff;--nx-text: #1f2937;--nx-text-muted: #6b7280;--nx-border: #e5e7eb;--nx-surface: #fff;--nx-surface-muted: #f3f4f6;--nx-radius-sm: .5rem;--nx-radius-control: .625rem;--nx-radius-md: .75rem;--nx-radius-lg: 1rem;--nx-radius-pill: 999px;--nx-shadow-sm: 0 1px 2px rgb(15 23 42 / 6%), 0 1px 3px rgb(15 23 42 / 8%);--nx-shadow-md: 0 8px 30px rgb(15 23 42 / 12%);--nx-shadow-lg: 0 16px 40px -12px rgb(15 23 42 / 35%);--nx-ease-out: cubic-bezier(.22, 1, .36, 1);--nx-duration-fast: .12s;--nx-duration: .2s;--nx-focus-ring: 0 0 0 .2rem rgb(0 76 137 / 35%)}