:root { --primary: #2563eb; }
.btn-primary { background: var(--primary); }
.btn-primary:hover { filter: brightness(0.92); }
.text-primary { color: var(--primary); }
.border-primary { border-color: var(--primary); }
.ring-primary:focus { outline: none; box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 30%, transparent); }
.spinner { border: 3px solid #e5e7eb; border-top-color: var(--primary); border-radius: 9999px; width: 1.25rem; height: 1.25rem; animation: spin 0.7s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }